前面的話
提示框是一個(gè)比較常見的功能,一般來說是鼠標(biāo)移動(dòng)到特定元素上時(shí),顯示相關(guān)的提示語。本文將詳細(xì)介紹Bootstrap提示框
基本用法
Bootstrap框架中的提示框,結(jié)構(gòu)非常簡單,常常使用的是按鈕<button>標(biāo)簽或者鏈接<a>標(biāo)簽來制作。不管是使用按鈕還是鏈接來制作提示框,他們都需要滿足下列條件:
1、通過 title 屬性的值來定義提示信息(也可以使用自定義屬性 data-original-title 來設(shè)置提示信息),title屬性的優(yōu)先級(jí)高
2、通過 data-placement 自定義屬性來控制提示信息框的位置,根據(jù)四種不同的位置,data-placement具有四個(gè)值:top、right、bottom和left,分別表示提示框出現(xiàn)的位置在頂部、右邊、底部和左邊