AdminLTE管理后台提示框,Bootstrap框架提示框Tooltip
taotaoit Bootstrap 2018-08-16 9450 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

2799350 1967 23
最新评论
能不能显示这里当前在播放的视频的文件名?
评 设置video js多视频连续播放
为啥按照你的方法去写完后 提示未定义的hostname?
评 tp6用tp5er实现数据库备份,数据库还原
了解了,应该用超链接去访问 我当时用的是ajax,这回在到你这看看如何用Tp6备份数据库
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
为什么我执行这个方法 没有下载 ,但用url访问这个页面就可以下载了 是我哪里弄错了吗
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
:haha:
评 SublimeText3 ctrl+f打开搜索框后怎么关闭?
文章标签更多
ThinkPHP (225)
Mysql (42)
DedeCms (33)
jQuery (54)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

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>


版权声明:本站原创文章,允许自由转载。

相关推荐
bootstrap修改col的间距
Bootstrap | 2019-09-11 5943
用bootstrap布局时会产生一些问题,比如col水平间距过大 修改方法: 重新设置col之间的间距 [class*="col-"]{ padding: 5px; } 在bootstrap.css随便搜索col-md会发现,col每列之间之所以有间距,是因为col里面的左右内边距都是15px形成的,这样...
bootstrap栅格系统一行5列或8列
Bootstrap | 2019-07-05 4641
Bootstrap栅格系统一行5列或8列怎么实现? Bootstrap栅格系统五等分或八等分? 在使用Bootstrap栅格的时候,我们可以对网页方便的进行模块分割。  要2等分,使用col-md-6即可;  要3等分,使用col-md-4即可;  要4等分,使用col-md-3即可;&nbs...
评论:0条
评论加载中...
发表评论
前一篇: