我是Bootsrap的新手，我才刚刚了解它。我正在尝试使用工具提示javascript实用工具，根据网页，我看到的源代码以及在这里找到的一些答案，我已经完成了应该如何做的所有事情，但是没有用。
这是我打算在HTML中使用它的位置：
<!-- Hola mundo -->
<div class="row">
<div class="starter-template tab-content">
<div class="tab-pane fade in active tooltip-demo" id="home">
<h1>¡Hola, mundo!</h1>
<p class="lead">Nunc sit amet nunc dui. <a href="#" data-toggle="tooltip" data-original-title="Pista 1">Aliquam</a> nec viverra mi, et pellentesque sem. In dapibus sem ut consectetur dignissim. </p>
</div>
<!-- /div#home -->
</div>
<!-- /div.starter-template -->
</div>
<!-- /div.row -->
由于该实用程序需要手动加载，因此我做了以下操作：
<script>
$(document).ready(function (){
$('.tooltip-demo').tooltip({
selector: "[data-toggle=tooltip]",
container: "body"
})
});
加载jQuery后，此脚本将加载到页面的页脚。
在Bootstrap 3中，您可以轻松得多，并且不需要初始化$(document)零件。
将html更改为
<a href="#" data-toggle="tooltip" title="pista 1"> Aliquam</a>
和脚本中的
$('[data-toggle="tooltip"]').tooltip({'placement': 'bottom'});
注意：您可以改变位置和所有有不同的选项这里的文档
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句