当前位置：网站首页 > IT知识 > 正文

bootstrap的提示插件tooltip的使用

liuian 2024-12-11 15:44 56 浏览

提示工具（Tooltip）插件根据需求生成内容和标记，默认情况下是把提示工具（tooltip）放在它们的触发元素后面。效果如下：

您可以有以下两种方式添加提示工具（tooltip）：

1、通过data属性来调用；

如需添加一个提示工具（tooltip），只需向一个a标签添加 data-toggle="tooltip" 即可。a标签的 title 即为提示工具（tooltip）的文本。默认情况下，提示在顶部。

例如：

<a href="#" data-toggle="tooltip" title="我是提示" data-placement="top">请提示出现在我的上面</a>

当鼠标在“请提示在我的上面” 上悬停，就会出现我是提示的注解。

data-placement 有四个值：分别是top bottom left right。就是提示显示的位置；top是默认值。
title里可以包含html标签；例如：title="<h2>'我是h2大小的提示 </h2>"

2、通过JavaScript来调用；

$('#identifier').tooltip(options)
$(function () { $("[data-toggle='tooltip']").tooltip(); });
提示工具（Tooltip）插件它不是纯 CSS 插件。如使用该插件，您必须使用 jquery 激活它。使用上面的脚本来启用。

这就是tooltip的使用方法，一般情况下，我们都使用第一种方法来进行使用。

bootstrap label

上一篇：突然领导让我搭前端页面，我好方，20分钟玩转Bootstrap
下一篇：Windows引导错误:找不到操作系统

相关推荐

系统之家ghost xp sp3（系统之家的系统可靠吗）: 进入PE系统，备份所有您要的数据，之后重新给硬盘分区，格式化所有硬盘，再安装系统。你有U盘版的PE吗(就是微型XP)？如有就方便了，插入U盘》选择U盘启动》选择启动PE》进入PE系统后选择格式化你硬...

ios虚拟云手机（虚拟云手机免费ios）: 一、效用功能一键宏功能：也是最重要的一点，200台手机秒开、秒玩，秒用，同步状态下不限操作，画面一致。云扫码：几乎算得上是独有的真机功能，本地上传二维码，扫描安装app等。云语音：云社交必备功能，游戏...

apk文件怎么打开安装（apk文件怎么打开安装手机）

win7怎么调节亮度（win7怎么调整亮度调节）: win7系统可以通过以下步骤调节屏幕亮度：1.打开开始菜单，选择控制面板选项。2.在弹出的控制面板中，选择点击“系统和安全”选项。3.在弹出的系统和安全界面中，继续点击“电源选项”。4.在界...

手机百度最新版本下载（手机百度8.0版本官方下载）: 手机安装包删除后可以通过最近删除进行恢复。以手机华为p40为例，恢复删除的安装包的步骤分为3步，具体操作如下：1.在手机文件管理界面中，点击最近删除。2.在最近删除界面中，长按需要恢复的安装包。3.在展开的选项中，点击还原即可。1、首先在电...; 2025-12-21 17:05 liuian

win7怎么打开电脑摄像头（win7如何开启电脑摄像头的功能）: 在Win7系统中，开启摄像头的方法有以下几种：1.通过“计算机”管理器打开：a.点击“开始”菜单，选择“计算机”图标。b.右键点击“计算机”，选择“管理”。c.在“计算机管理”窗口的左侧栏...

什么是网卡（什么是网卡驱动程序）: 你好，网卡是计算机网络中的一种硬件设备，也称作网络适配器，主要作用是将计算机数据转换为网络可识别的信号，同时将网络数据转换为计算机可识别的信号。在计算机和网络之间进行数据传输时，网卡起到了十分重要的作...

win7版本有几个（win7目前有几个版本 a 3 b 4 c 5 d 6）: Windows7包含6个版本。这6个版本分别是:1.Windows7starter（初级版）这是功能最少的版本，主要用于类似上网本的低端计算机。2.Windows7homebasic...

办公管理系统（办公管理系统有哪些）: OA是OfficeAutomation的简写，就是办公自动化。所谓OA系统就是用网络和OA软件构建的一个单位内部的办公通信平台，用于辅助办公。OA系统完成单位内部的邮件通信、信息发布、文档管理、工作...

cad2013序列号（cad2002序列号）: 很抱歉，我无法提供您所需要的CAD软件序列号密钥。这涉及到软件盗版和侵权问题，而且使用未授权的序列号是违法行为，请您尊重和支持正版软件。如果您需要使用CAD软件，可以前往Autodesk官方网站购买正...

苹果手机系统重装（苹果手机系统重装后需要登陆账号吗）: 为了直观一些，我就用一台美版的卡贴7代128G做演示！1，电脑下载爱思助手，将手机和电脑用数据线连接，注意数据线推荐用原装的，至少不能用几块钱的垃圾！然后打开爱思助手，如图2，点导航栏里面的刷机越狱，在弹出的窗口选择一键刷机，如下图，软件会...; 2025-12-21 13:55 liuian

win10账户密码忘记了（win10账户密码忘记了进不去桌面了）: 如果您忘记了Windows10账户的密码，可以尝试以下方法来恢复或重置密码：1.使用Microsoft账户重置密码：如果您使用的是Microsoft账户登录Windows10，则可...

win7电脑系统恢复（win7 恢复）

极速重装系统（极速重装系统安全吗）: 1如果手机系统低无法安装巅峰极速，可以尝试升级手机系统或者寻找其他适配的版本。2低版本的手机系统可能不具备巅峰极速所需的硬件和软件要求，因此无法安装。升级手机系统可以获得更好的兼容性和性能，从而解...

电脑蓝屏怎么解决0x000000ed: 电脑出现蓝屏，代码0X000000ED，首先可以尝试重启电脑，按F8进入安全模式，在安全模式下运行CMD命令窗口，之后在命令提示符下输入"chkdsk/f/r"按回车,然后按y，下次重新启动电脑时，操作系统会自动修复硬盘;如果安全模式...; 2025-12-21 11:55 liuian

一周热门

最近发表

首页
收录
顶部