Twitter Bootstrap显示页面加载的所有选项卡

Question

我的标签代码有效，但在页面加载时会显示所有标签...一旦我单击第二个标签，只显示第二个标签的内容。我单击返回第一个选项卡，仅显示第一个选项卡的内容。刷新页面，您将看到第一个选项卡上的所有内容，直到您重复上述步骤。我缺少什么想法？

<ul id="tab" class="nav nav-tabs">

<li class="active">
<a href="#firsttab" data-toggle="tab">firstab</a>
</li>
<li class="">
<a href="#secondtab" data-toggle="tab">secondtab</a>
</li>

</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="firsttab">


<p> Content of first tab </p>

</div>


<div class="tab-pane fade active in" id="secondtab">

<p> Content of second tab </p>
</div>
</div>

Answer 1

两个标签都没有“有效”类