Bootstrap 3-网格系统和缩略图

Question

我的网格系统是这样的：

我要并排。 我正在尝试这样做：

我的代码实际上是：

 <div class='row'>
  <div class='col-sm-6 col-md-4'>...</div>
  <div class="col-sm-6 col-md-4">...</div>
  <div class="col-sm-6 col-md-4">...</div>
  <div class="col-sm-6 col-md-4">...</div>
 </div>

我怎样才能做到这一点？ 我正在寻找互联网（谷歌，论坛等），但是很难找到。 我正在尝试仅使用引导程序。 我不想要插件或类似的东西。

Answer 1

在您的方案中，应仅保留3列用于网格，并将第4列的内容移动到第一列。

<div class='row'>
  <div class="col-sm-6 col-md-4">... [add 4th column content here]</div>
  <div class="col-sm-6 col-md-4">...</div>
  <div class="col-sm-6 col-md-4">...</div>
</div>

但这还取决于您要在较小的分辨率上拥有什么。