簡體   English   中英

HTML Bootstrap nav-tabs

[英]HTML Bootstrap nav-tabs

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

pressroom div中你有錯誤的課程。 它應該是tab-pane而不是tabe-pane

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

Js Fiddle演示

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM