Как правильно работать с GRID сеткой?

Question

[Alexander]

Структура:

<div class="row">
                <div class="col-md-3 col-sm-6">
                </div>
                <div class="col-md-3 col-sm-6">
                </div>
                <div class="col-md-3 col-sm-6">
                </div>
                <div class="col-md-3 col-sm-6">
                </div>
</div>

На скриншоте поехал последний блок . Чтобы его выровнить я добавиляю ему margin-top: -165px; и все стоит как надо.
Подскажите как правильно использовать грид сетку? чтобы не было подобных случаев.

Comments

[Михаил Чирский]

а можно пример в студию?

Answer 1

[Семен]

Думаю проблема в col-sm-6, максимум может быть 12 колонок, в данном случае получается 24.
getbootstrap.com/css/#grid-example-basic

Comments

[gassmonkey]

Нет. В данном случае получается два ряда по 2 блока. Здесь всё верно.

[Семен]

Тоесть вы хотите чтобы блок "StaffNet" поднялся к логотипу?