Bootstrap：如何更改選項卡內容和其他面板

Question

我需要創建一個帶有面板的網格，用於選項卡和其他面板以獲得上下文幫助。

目前我的代碼來創建面板和標籤，就像這樣：

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span8 well"> 
      <ul class="nav nav-tabs"> 
       <li class="active"> <a href="#home" data-target="#home" data-toggle="tab">Home</a> 
       </li> 
       <li><a href="#profile" data-target="#profile" data-toggle="tab">Profile</a> 
       </li> 
      </ul> 
      <div class="tab-content"> 
       <div class="tab-pane active fade in" id="home">home tab content</div> 
       <div class="tab-pane" id="profile">profile tab content</div> 
      </div> 
     </div> 
     <div class="span3 well"> 
      <div class="tab-content"> 
       Here should came the contextual help 
      </div> 
     </div> 
    </div> 
</div> 

而強制性jsFiddle

Answer 1

我已經找到了如何做到這一點，我離開這裏它提出意見或幫助別人嘗試做相同的：

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span8 well"> 
      <ul class="nav nav-tabs"> 
       <li class="active"> <a href="#home" data-target="#home, #home_help" data-toggle="tab">Home</a> 
       </li> 
       <li><a href="#profile" data-target="#profile, #profile_help" data-toggle="tab">Profile</a> 
       </li> 
      </ul> 
      <div class="tab-content"> 
       <div class="tab-pane active fade in" id="home">home tab content</div> 
       <div class="tab-pane" id="profile">profile tab content</div> 
      </div> 
     </div> 
     <div class="span3 well"> 
      <div class="tab-content"> 
       <div class="tab-pane active fade in" id="home_help">home_help content</div> 
       <div class="tab-pane fade in" id="profile_help">profile_help content</div> 
      </div> 
     </div> 
    </div> 
</div> 

而且的jsfiddle：http://jsfiddle.net/AazhZ/