Зачем в bootstrap отрицательный margin в row ?

Question

[Сергей Сергеевич]

Делаю под себя адаптивную сетку, параллельно изучая строение других массовых фреймворков.
Скажите пожалуйста, зачем в bootstrap в .container {padding-left and right: 15px;} , а у .row { padding-left and right: -15px;} ?
И еще, если я хочу сделать внутренний отступ в контейнере справа и слева, его лучше задавать в процентах или можно px ? И кому лучше задать .container или .row ?

Answer 1

[Сергей Волков]

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

<div class="row">
    <div class="col-sm-12" id="outer">
        <div class="row">
            <div class="col-sm-12" id="inner">
            </div>
        </div>
    </div>
</div>

В приведенном примере блок #inner будет по размеру такой же как блок #outer. Если бы у row не было отрицательных отступов, то блок #inner был бы меньше блока #outer на 15px с каждой стороны.

Answer 2

[spafix]

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