Question

我正在使用Bootstrap工具提示，但它似乎没有样式。如何获得Bootstrap文档中显示的样式版本？

HTML：

<div class="row">
   <div class="span12 pagination-centered">
     <div class="btn-group">
       <a href="who.html" class="btn btn-primary btn-xlarge" data-toggle= "tooltip" data-placement="bottom" title="stuff?">WHO</a>
       <a href="what.html" class="btn btn-primary btn-xlarge" data-toggle="tooltip" data-placement="bottom" title="more stuff?">WHAT</a>
      </div>
    </div>
  </div>

JQuery的：

<script type="text/javascript">
$(function () {
$('[data-toggle="tooltip"]').tooltip()})
</script>

Answer 1

您的代码是正确的。看起来错误在其他地方，很可能是您指定样式表的地方。

这是一个使用您的确切代码的工作小提琴：

JSFiddle

<div class="row">
  <div class="span12 pagination-centered">
    <div class="btn-group">
      <a href="who.html" class="btn btn-primary btn-xlarge" data-toggle="tooltip" data-placement="bottom" title="stuff?">WHO</a>
      <a href="what.html" class="btn btn-primary btn-xlarge" data-toggle="tooltip" data-placement="bottom" title="more stuff?">WHAT</a>
    </div>
  </div>
</div>

您确定要包含Bootstrap样式表吗？

bootstrap工具提示没有样式

1 个答案: