부트 스트랩 : 탭 내용 및 다른 패널을 변경하는 방법

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/