Bootstrap中的jQuery選項卡

Question

所以我有我的網站和移動版本的桌面版本。移動版本使用bootstrap來提高響應速度。在論壇上我有一個使用jQuery的標籤小部件的bbcode所以HTML結構是這樣的：

<div class="tabs_wrap"> 
<ul class="forum_tabs"> 
<li><a href="#">Tab1</a></li> 
<li><a href="#">Tab2</a></li> 
</ul> 
<div class="tabspane"> 
content for tab1 
</div> 
<div class="tabspane"> 
content for tab2 
</div> 

但在引導因爲標籤使用不同的CSS類，這並不工作和麪板被包裹在另一個div中。有沒有一種方法可以讓它在不改變html的情況下工作？

Answer 1

你知道有使用引導標籤的規則，你的代碼沒有使用它們中的任何一個。

試試這個：

<ul class="nav nav-tabs forum_tabs"> 
    <li class="active"><a data-toggle="tab" href="#tab1">Tab1</a></li> 
    <li><a data-toggle="tab" href="#tab2">Tab2</a></li> 
</ul> 

<div class="tab-content"> 
    <div id="tab1" class="tab-pane tabspane active"> 
    content for tab1 
    </div> 
    <div id="tab2" class="tab-pane tabspane"> 
    content for tab2 
    </div> 
</div>