如何使用垂直偏移将引导列拉到顶部？答案

【问题标题】：How to Pull to the top a Bootstrap Column using vertical offset?如何使用垂直偏移将引导列拉到顶部？
【发布时间】：2015-04-30 17:39:32
【问题描述】：

我正在使用引导程序，我正在尝试使左上列的 id=“related-items-box”与其他三列的大小相同。如果 ID 的顶部、中间和底部的列变大，则左侧的列将具有相同的大小，所有 4 列看起来都像一个大矩形。

这就是我想要得到的：

Desired Result

这就是我所拥有的：

Current Output

这是源代码：

<div class="container">
        <div class="row show-grid">
          <div class="col-md-8" id="related-items-box">.col-md-8</div>
          <div class="col-md-4" id="top">.col-md-4 col-md-offset-8</div>
          <div class="col-md-4 col-md-offset-8" id="middle">.col-md-4 col-md-offset-8</div>
          <div class="col-md-4 col-md-offset-8" id="bottom">.col-md-4 col-md-offset-8</div>
        </div>
        <div class="row show-grid">
          <div class="col-md-12">.col-md-12</div>
        </div>
      </div>

我该如何解决这个问题？

【问题讨论】：

标签： html css twitter-bootstrap offset

【解决方案1】：

我想这就是你要找的……

<div class="container">
        <div class="row show-grid">
          <div class="col-md-8 col-sm-8 col-xs-8" id="related-items-box"></div>
          <div class="col-md-4 col-sm-4 col-xs-4" id="top"></div>
          <div class="col-md-4 col-sm-4 col-xs-4" id="middle"></div>
          <div class="col-md-4 col-sm-4 col-xs-4" id="bottom"></div>
        </div>
        <div class="row show-grid">
          <div class="col-md-12">.col-md-12</div>
        </div>
      </div>

https://jsfiddle.net/beardedmike/5o5m3wrs/

【讨论】：

非常感谢您的宝贵时间和帮助！这正是我想要的！

【解决方案2】：

试试这个：

<div class="container">
    <div class="row show-grid">
      <div class="col-md-8" id="related-items-box">.col-md-8</div>
      <div class="col-md-4" id="top">
          <div class="row">
              <div class="col-md-12"></div>
             <div class="col-md-12"></div>
             <div class="col-md-12"></div>
          </div>
      </div>
    <div class="row show-grid">
      <div class="col-md-12">.col-md-12</div>
    </div>
  </div>

【讨论】：

我刚试过，它看起来像我想要得到的，但问题是如果我使用另一行，它将从第二行开始。并且通过这种方法，在第一行具有
会将其添加到后面，这不是必需的。
你能澄清一下吗？我没听懂这个问题。