HTML Bootstrap nav-tabs

时间:2014-02-06 17:35:58

标签: html css twitter-bootstrap

我的bootstrap nav-tabs有问题。我有这个代码。当我点击公司按钮时,它会显示公司文本和新闻室中的文本。当我点击新闻室按钮时,它只在新闻发布室显示我的文字,当我点击联系人按钮时,它会在新闻发布室和联系人中显示我的文字。

任何想法如何解决这个问题?

由于

<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>

1 个答案:

答案 0 :(得分:2)

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

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

<强> Js Fiddle Demo