Bootstrap 3将col-md-9分成两个相等的列

Question

我正在使用最新版本的Bootstrap,我有以下内容:

<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两个相等的部分？

Answer 1

你几乎就在那里,你只需要在两个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