Tooltips:工具提示

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Tooltips,是一种显示提示信息的方法 ..

我们可以在任何元素上使用 Tooltip 的方式来显示一些提示信息 .. 比如这里我们可以添加一个 button .. 上面加上 btn btn-primary ..

按钮上的文字是 Tooltip

在这个元素上再添加一个 data-toggle ,对应的值是 tooltip

提示的信息可以放在 title 属性里面 .. hello ~

这个提示信息显示的位置可以使用 data-placement 来控制 .. 比如让工具提示在右侧显示,可以把它的值设置成 right .

启用这个 Tooltip 功能,需要再去配置一下 ..

打开自定义的脚本 .. 找到页面上 data-toggle 属性的值是 tooltip 的元素 .. 然后在上面用一下 tooltip 这个方法 ..

再去预览一下 ..

鼠标放在这个按钮元素的上面 .. 会显示一个提示信息,这个提示信息就是用 tooltip 的方法显示的 ..

Tooltips:工具提示《 Bootstrap 4:界面组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点