标签页中间的多个面板标签

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