bootstrap 中 data-toggle="tooltip" 和 data-tooltip="tooltip" 的区别答案

【问题标题】：Difference between data-toggle="tooltip" and data-tooltip="tooltip" in bootstrapbootstrap 中 data-toggle="tooltip" 和 data-tooltip="tooltip" 的区别
【发布时间】：2016-02-23 13:49:35
【问题描述】：

谁能解释一下bootstrap中的data-toggle="tooltip"和data-tooltip="tooltip"有什么区别？它们都用于制作工具提示吗？

谢谢。

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-tooltip

【解决方案1】：

您只需要使用 data-toogle="tooltip" 来制作工具提示或 data-toogle="popover" 来制作弹出框。

示例：

<!-- Latest compiled and minified bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Latest compiled and minified bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>

或者你可以在 bootstrap 文档中看到，如果您使用的是bootstrap 2.3.2 tooltip 或latest bootstrap tooltip

【讨论】：