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

Answer 2

这对我有用：

<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>

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

2 个答案: