Зачем в Бутстрапе используется отрицательный маргин на контейнере?

Question

[Web Lizard]

Я говорю сейчас об этом


Может кто нибудь объяснить какой в этом сакральный смысл?

Answer 1

[Андрей Хохлов]

"Вытолкать" крайние паддинги у колонок за пределы контейнера, либо за пределы колонки, в которую вложена .row

Comments

[Web Lizard]

А какая в этом нужда? Мне просто не понятно, почему нельзя сделать родительский контейнер просто нужного размера а не подгонять дочерние с помощью отрицательных маргинов?

[Андрей Хохлов]

Web Lizard: Паддинги нам нужны чтобы задавать расстояние между колонками. Паддинги потому, что ширина колонок в %.

В родительском контейнере может быть блок, не являющийся элементом сетки.
Если под ним разместим сетку с паддингами, получится вот такая лесенка:

[div]
 [col][col]

Придется каждый подобный блок так же делать элементом сетки, либо добавлять ему паддинг, либо добавлять ему padding или magrin.

Ещё интереснее становится с вложенными колонками

.row
  .col-xs-4
    .row
      .col-xs-6
      .col-xs-6

Вам нужно попробовать поверстать с этой сеткой и вопрос отпадет.

[Web Lizard]

Андрей Хохлов: а в чем проблема добавить паддинг? Зачем плодить кучу вложенных конструкций когда можно тоже самое сделать с меньшим количеством вложений? (в данном случае на одно меньше)

[Андрей Хохлов]

Зачем добавлять padding к КАЖДОМУ блоку, если можно добавить отрицательный margin только к обертке сетки? Тем более что без него всё равно не обойтись при вкладывании строк в колонки.

Answer 2

[spafix]

Например для сортировки карточек товара в категории, скрин