Зачем в bootstrap отрицательный margin в row ?
Отрицательный отступ у 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 с каждой стороны.
Например для сортировки карточек товара в категории 