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