2014-10-30 27 views
2

我与引导最新发布的工作,我有以下几点:引导3拆分COL-MD-9分成相等的两列

<div class="col-md-3"> 
    <h3>One Sidebar Section</h3> 
</div> 
<div class="col-md-9"> 
    <div class="col-md-6"><h3>Half Section</h3></div> 
    <div class="col-md-6"><h3>Half Section</h3></div> 
</div> 

但上面不工作!我怎样才能将我的.col-md-9分成两个相等的部分?任何帮助将不胜感激。

感谢

回答

4

你的差不多了,你只需要添加一行围绕两个COL-MD-6:

<div class="col-md-3"> 
<h3>One Sidebar Section</h3> 
</div> 
<div class="col-md-9"> 
    <div class="row"> 
    <div class="col-md-6"><h3>Half Section</h3></div> 
    <div class="col-md-6"><h3>Half Section</h3></div> 
    </div> 
</div> 

见关于嵌套色谱柱的文件: http://getbootstrap.com/css/#grid-nesting

0

这为我工作:

<div class="col-md-9"> 
<div class="col-md-12"> 
<div class="col-md-6"><h3>Half Section</h3></div> 
<div class="col-md-6"><h3>Half Section</h3></div> 
</div> 
</div>