Twitter bootstrap 3 引导列对齐

我在引导中对齐行内的列时遇到问题。我的结构如下：

<section class="container-fluid centerP">

    <div class="row">
        <div class="col-lg-6 col-lg-offset-3 col-xs-10 col-xs-offset-1">
            <h1></h1>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-4 col-lg-offset-1 col-xs-8 col-xs-offset-2">
            <h3></h3>
            <p></p>
        </div>
        <div class="col-lg-4 col-lg-offset-2  col-xs-8 col-xs-offset-2">
            <h3></h3>
            <p></p>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-4 col-lg-offset-1 col-xs-8 col-xs-offset-2">
            <h3></h3>
            <p></p>

        </div>
        <div class="col-lg-4 col-lg-offset-2 col-xs-8 col-xs-offset-2">
            <h3></h3>
            <p></p>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-4 col-lg-offset-4  col-xs-8 col-xs-offset-2">
            <h3></h3>
            <p></p>
        </div>
    </div>


</section>

它应该看起来像1-2-2-1（CNENT的垂直对齐框）。目前，它们居中，但由于2的重叠而相距太远。我找到了一个解决方案，其中提到使用“以行为中心”和“以列为中心”的类，它一直有效，直到我将这些类修改为“以列为中心”和“以列为中心”。所以在过去的两天里，我试图让他们更亲密，但没有成功

---

我几周前开始编写代码，所以如果问题很愚蠢，请耐心等待。

每行应拆分为12列

例如：

<div class="row">
<div class=col-md-6>
something
</div>
<div class=col-md-6>
something
</div>
</div>

某物
某物

一些建议：

• 我想你的意思是使用
  而不是

  
  <div class="container">
  <div class="row">
      <div class="col-md-12">
          <h1 id="headerBox">Dolloping doubloons!</h1>
      </div>
  </div>
  <div class="row">
      <div class="col-md-5">
          <p class="contentText">Dolloping doubloons!</p>
      </div>
      <div class="col-md-2"></div>
      <div class="col-md-5">
          <p class="contentText">Dolloping doubloons!</p>
      </div>
  </div>
  <div class="row">
      <div class="col-md-12">
          <h3 id="footerText">Dolloping doubloons!</h3>
      </div>
  </div>