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>

我该怎么做？我正在寻找互联网（谷歌，论坛，...），但很难找到。我只想使用bootstrap。我不想要插件或类似的东西。

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>

但这也取决于你想要的小分辨率。