引導標籤即使在使用標籤後顯示在頂部

Question

我想創建一個簡單的導航欄在左側的窗格和右側。就像他們在documentation中顯示的那樣（部分 - 右側的標籤）。

但是這些選項卡僅位於頂部。這裏的JsFiddle demo

我做錯了什麼？ tabs-right是否在新版本的引導程序中被棄用？

Answer 1

您使用的引導版本是Bootstrap v3.3.5。

您參考的文檔是Bootstrap v2.0.0。

使用正確的版本，因爲您的代碼是正確的。

片段

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<div class="tabbable tabs-right"> 
 
    <ul class="nav nav-tabs"> 
 
    <li class="active"><a href="#rA" data-toggle="tab">Section 1</a></li> 
 
    <li class=""><a href="#rB" data-toggle="tab">Section 2</a></li> 
 
    <li class=""><a href="#rC" data-toggle="tab">Section 3</a></li> 
 
    </ul> 
 
    <div class="tab-content"> 
 
    <div class="tab-pane active" id="rA"> 
 
     <p>I'm in Section A.</p> 
 
    </div> 
 
    <div class="tab-pane" id="rB"> 
 
     <p>Howdy, I'm in Section B.</p> 
 
    </div> 
 
    <div class="tab-pane" id="rC"> 
 
     <p>What up girl, this is Section C.</p> 
 
    </div> 
 
    </div> 
 
</div>

小提琴：http://jsfiddle.net/b6zvmfmr/1/