html - Bootstrap 中容器和行之间的 div

Question

我想在 bootstrap 中包装一组行，同时仍然将所有内容都放在一个容器中。关于 Bootstrap ，是否有关于此的任何规则/约定？

我在我想做的事情下面放了一个 fiddle ，但我不确定这是否是正确的方法。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="extraDiv" id="topdiv">
    <div class="row">
      <div class="col-md-12">Bla</div>
    </div>
    <div class="row">
      <div class="col-md-6">Bla</div>
      <div class="col-md-6">Bla</div>
    </div>
  </div>
  <div class="extraDiv" id="bottomdiv">
    <div class="row">
      <div class="col-md-12">Bla</div>
    </div>
  </div>
</div>

Answer 1

据我所知，在 .container 类中使用 .row 类的方式完全没问题。如需进一步了解，您可以查看此链接 Must Bootstrap container elements include row elements?