標籤頁中間的多個面板標籤

Question

我想使用引導面板與引導標籤。它正常工作時，一個面板是一個標籤，但只要我堅持的另一個面板的標籤，標籤功能遊：

<ul class="nav nav-tabs" role="tablist"> 
    <li class="active"><a href="#contact" role="tab" data-toggle="tab">Contact Information</a></li> 
    <li><a href="#lead" role="tab" data-toggle="tab">Lead History</a></li> 
    <li><a href="#client" role="tab" data-toggle="tab">Client History</a></li> 
</ul> 
<div class="tab-content" style="margin-top: 2em;"> 
    <div class="tab-pane active" id="contact"> 
    <div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-8"> 
     <div class="panel panel-default"> 
     <div class="panel-heading">Contact Information</div> 
     <div class="panel-body"> 
      <div class="well"> 

      </div> 
     </div> 
     </div> 
    </div> 
    <div class="col-md-4"> 
     <div class="panel panel-default"> 
     <div class="panel-heading">Open Tasks</div> 
      <div class="panel-body"> 

      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 

    </div> 
</div> 
    </div> 
    <div class="tab-pane" id="lead"> 
    <h1>Hello World</h1> 
    </div> 
    <div class="tab-pane" id="client"> 
     <h1>Hello World Again</h1> 

    </div> 
</div> 

這裏是演示說明如何將標籤突破：

http://www.bootply.com/oCwV3bLFQl

只要在col-md-4類中刪除第二個面板默認值，那麼這些選項卡將再次工作。我如何在一個選項卡中有多個面板並讓該選項卡繼續工作？

Answer 1

你最後的兩個.tab-pane divs不在.tab-content div之內。編輯叉：http://www.bootply.com/WI7OzQ0nqu