Почему колонки в Bootstrap неровно перестраиваются?

Question

[Dmitry Buravtsov]

После добавления новых колонок .col-sm-3 на сайт, они стали неровно перестраиваться, при сужении экрана когда должны быть три колонки в ряд. Проблема на скриншоте:

Answer 1

[BohdanK]

Три колонки в ряд это col-sm-4, а col-sm-3 это четыре колонки в ряд.

Answer 2

[Сергей]

Вот так сделай.
.block2 .col-sm-3 {
min-height: 400px;
}
Либо оборачивай в .row каждую строку.
И когда верстаешь советую background-color блокам задавать, сразу видно что, куда и почему залезает.

Comments

[Dmitry Buravtsov]

Спасибо!

Answer 3

[nikfakel]

.block2 .col-sm-3 {
text-align: center;
min-width: 280px;
min-height: 409px;
margin-bottom: 80px;
}

min-height побольше сделайте. А вообще .block2 .col-sm-3 - не очень правильно. Лучше добавьте к .col-sm-3 еще один класс, чтобы не трогать базовые классы бутстрапа

Comments

[Dmitry Buravtsov]

Спасибо!