@hulktoster

Зачем в Bootstrpap блоки нужно обгортать блоками с названием row?

Вот практически всегда вижу блоки-обертки с названием row
<div class="row">
  <div class="col-sm-4">.col-sm-4</div>
  <div class="col-sm-8">.col-sm-8</div>
</div>

Зачем они нужны?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 3
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
У каждой колонки слева и справа есть padding, равный 15px. Он нужен для генерации одинакового отступа между колонками. Однако в этом случае отступ слева у первой и отступ справа у последней колонки в строке складывается с отступами контейнера.

Чтобы нивелировать его используется .row с отрицательным margin равным 15px. Если использовать .row, то левый отступ у первого столбца и правый отступ у правого столбца "проваливаются" в уже существующие отступы у контейнера и не занимают дополнительного места.

На вопрос почему бы не убрать отступ у контейнера и отказаться от отрицательного margin у .row ответ простой: блоков с контейнером может быть несколько, и в одном из них может отсутствовать сетка.

Чтобы блоки с сеткой и без нее были выравнены по левой и правой границе, как раз и придумали этот прием с отрицательными margin. А сам padding у контейнера еще нужен и для того, чтобы его содержимое не прилипало к границе экрана на небольших разрешениях.

При многократной вложенности, в качестве контейнера выступает уже колонка, а принцип действия тот же самый.
Ответ написан
wapster92
@wapster92 Куратор тега CSS
Люблю трилогию ME
Компeнсируют паддинги контейнера, имеют необходимые стили для разсположения блоков сетки.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы