HTML Bootstrap 导航选项卡

Question

我对引导导航选项卡有疑问。我有这个代码。当我单击公司按钮时，它会显示公司中的文本和新闻发布室中的文本。当我单击新闻发布室按钮时，它仅在新闻发布室中显示文本，当我单击联系人按钮时，它在新闻发布室和联系人中显示文本。

知道如何解决这个问题吗？

谢谢

<div class="about_us_links">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#company" data-toggle="tab">Company</a></li>
    <li><a href="#pressroom" data-toggle="tab">Press Room</a></li>
    <li><a href="#contacts" data-toggle="tab">Contacts</a></li>
  </ul>
</div>
<div class="tab-content">
  <div id="company" class="tab-pane fade in active">aaa</div>   
  <div id="pressroom" class="tabe-pane">bbb</div>
  <div id="contacts" class="tab-pane">ccc</div>
</div>

Answer 1

pressroom div 中有错误的类。它应该是 tab-pane 而不是 tabe-pane

<div id="pressroom" class="tab-pane">bbb</div>

Js Fiddle Demo