Question

我使用的引导导航的选项卡在我的网页，这样的事情：

<div class="container-fluid"> 

    <div class="row-fluid"> 
     <div class="span2"> 
     </div> 
     <div class="span10"> 
      <!--Body content--> 


<div class='row> 
    <div class='span8'> 
    <ul class="nav nav-tabs" id="myTab"> 
     <li class="active"><a href="#home">Home</a></li> 
     <li><a href="#profile">Profile</a></li> 
    </ul> 

    <div class="tab-content"> 
     <div class="tab-pane active" id="home">...</div> 
     <div class="tab-pane" id="profile">...</div> 
    </div> 

    <script> 
     $(function() { 
     $('#myTab a:last').tab('show'); 
     }) 
    </script> 
    </div> 
</div> 


     </div> 
    </div> 
</div> 

我想在我的制表窗格来组织一个网格， 我尝试这样做：

<div class='row'> 
    <div class='span4'>...</div> 
    <div class='span4'>...</div> 
</div 

内窗格但那不起作用。

如何使用bootstrap在列表窗格中嵌套列？

Answer 1

这对我的作品http://jsfiddle.net/rKaaq/

<div class="row"> 
    <div class="span8"> 
    <ul class="nav nav-tabs" id="myTab"> 
     <li class="active"><a href="#home">Home</a></li> 
     <li><a href="#profile">Profile</a></li> 
    </ul> 

    <div class="tab-content"> 
     <div class="tab-pane active" id="home"></div> 
     <div class="tab-pane" id="profile"> 
     <div class="row"> 
     <div class="span4">This is some text that spans4</div> 
     <div class="span4">This is some more text that spans 4</div> 
     </div> 
     </div> 
    </div> 

    <script> 
     $(function() { 
     $('#myTab a:last').tab('show'); 
     }) 
    </script> 
</div> 
</div>