Question

我在div中有一个span，我正在尝试添加一个Bootstrap 3工具提示：

<div style="display:inline-block;margin-right:10px;">
  <h3>
    <span class="label label-default">
      Chickens: <span style="color:#fff;">3</span>
    </span>
  </h3>
</div>

如何让它发挥作用？

Answer 1

我认为你要求的是这样的事：https://jsfiddle.net/g74Ep/471/

<div style="display:inline-block;margin-right:10px;margin-top: 40px;">
  <h3>
    <span class="label label-default" href="#" data-toggle="tooltip" title="3">
      Chickens: 
    </span>
  </h3>
</div>
<script>
  $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
  });
</script>

Answer 2

你的意思是：https://jsfiddle.net/s294csdn/

<div data-toggle="tooltip" title="This is a tooltip" style="display:inline-block;margin-right:10px;">
  <h3>
    <span class="label label-default">
      Chickens: <span style="color:#fff;">3</span>
    </span>
  </h3>
</div>

<script>
    $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
    });
</script>

将Bootstrap工具提示添加到<div>中的<span>？

2 个答案: