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, форум, ...), но его трудно найти. Я пытаюсь использовать только бутстрап. Мне не нужны плагины или что-то в этом роде.

Answer 1

В вашем сценарии вы должны хранить только 3 столбца для сетки и перемещать содержимое четвертого столбца в первый столбец.

<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> 

Но это также зависит от того, что вы хотите иметь на небольших разрешениях.