将 Bootstrap Tooltip 添加到 <div> 内的 <span> 中？

Question

我在 div 中有一个跨度，我正在尝试向其中添加 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>