2015-06-12 4 views
-2

Я создаю веб-сайт в bootstrap. Мне нужно сделать колонку с правой стороны, чтобы сделать большой серийный номер 4. Когда я заполняю высоту столбца, вы получаете большое пространство одновременно между серийным номером 3 и 6.Bootstrap создание неравных столбцов

Как я могу решить проблему?

<div class="col-md-3">content goes here</div> 
<div class="col-md-3">content</div> 
<div class="col-md-3">content</div> 
<div class="col-md-3">BIG COLUM</div> 
<div class="col-md-3">content</div> 
<div class="col-md-3">content</div> 
<div class="col-md-3">content</div> 

Example

ответ

-1

Не забудьте обернуть страницы в <div class="container", затем завернуть его в <div class="row" ... также помнить, что ширина сетки только 12 в ширину, так что вы должны много дивы как коллектив- md-3, вы можете использовать только четыре.

+0

да моя первая строка только четыре колонки "col-md-3". Я пытаюсь сделать последнюю колонку сделать больше

BIG COLUM
. Затем вторая строка составляет три столбца + первый последний столбец, также покрывающий вторую сторону ряда. ссылка выше –

0

Единственное, что я могу придумать, это использовать: на вертикальной колонке. Проверьте эту ссылку http://getbootstrap.com/css/#grid-options Проверьте также раздел столбца смещения.

Смежные вопросы