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

两个标签都没有"活动"类