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>

我该怎么做？我正在互联网（google、论坛、...）中查找，但很难找到。我正在尝试仅使用 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>

但这也取决于您希望在更小的分辨率下获得什么。