Bootstrap的工具提示

2025-05-25 02:57:28

1、打开HBuilderX,新建一个项目。

Bootstrap的工具提示

2、打开新建的项目,再打开js中的index.html。

Bootstrap的工具提示

3、引入JQuery和Bootstrap,如图所示:

Bootstrap的工具提示

4、用法:提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是把提示工具钱砀渝测(tooltip)放在它们的触发元素后面。

5、通过 data 属性:如需添加一个提示工具(toolt坡纠课柩ip),只需向一个锚标签添加data-toggle="稆糨孝汶;tooltip"即可。锚的 title 即为提示工具(tooltip)的文本。默认情况下,插件把提示工具(tooltip)设置在顶部。

Bootstrap的工具提示

6、Ctrl+S保存,Ctrl+R在游览器中运行:

Bootstrap的工具提示

7、当你的鼠标指到那个按钮,对应的按钮就会做出相应的提示:

Bootstrap的工具提示
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢