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>

但這還取決於您要在較小的分辨率上擁有什么。