欢迎访问淘淘IT!QQ:505342486

AdminLTE管理后台提示框,Bootstrap框架提示框Tooltip

时间:2018-08-16 15:04:11    来源:taotaoit    浏览:3265

AdminLTE管理后台提示框

Bootstrap框架提示框Tooltip

实现方法:

html代码:

<span data-toggle="tooltip" title="提示框内容" data-placement="right">是</span>
页面头部需引入jquery.min.js

在页面尾部调用方法实现js代码:

<script>
    $(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
实现效果:

from clipboard

提示框控制上下左右方向:

<h4>提示工具(Tooltip)插件 - 按钮</h4>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        title="默认的 Tooltip">
    默认的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="left" title="左侧的 Tooltip">
    左侧的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="top" title="顶部的 Tooltip">
    顶部的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="bottom" title="底部的 Tooltip">
    底部的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="right" title="右侧的 Tooltip">
    右侧的 Tooltip
</button>


有帮助
(0)
0%
没帮助
(0)
0%
标签: bootstrap  AdminLTE  Tooltip  提示框  

网友评论

网友评论文明上网理性发言
昵称:

全部评论0条)

o(╯□╰)o 暂无评论,我要抢沙发。
栏目列表
点击排行
more