Bootstrap面包屑在标签内部不起作用

Question

我在两个单独页面的顶部添加了一个面包屑，用于原型设计，适用于前几次点击。但是，似乎某种方式是面包屑被激活并禁用链接。

<div id="example" class="tab-content">
  <div class="tab-pane fade in active" id="overview">
    <ol class="breadcrumb">
      <li>Overview</li>
    </ol>
    <p><a href="#content" data-parent="#example" data-toggle="tab">Content</a></p>
  </div>
  <div class="tab-pane fade" id="content">
    <ol class="breadcrumb">
      <li><a href="#overview" data-parent="#tabs" data-toggle="tab">Overview</a></li>
      <li>Content</li>
    </ol>
    <p><a href="#overview" data-parent="#example" data-toggle="tab">Overview</a></p>
  </div>
</div>

我的猜测是我错误地使用了面包屑，但是当我正在为原型开发它时，我不确定如何使用它。