Как добавить маржу между элементами сетки?

Question

По некоторым причинам я не могу добавить маржу между элементами сетки Page with margin issue

Эта страница Маржа показывает отлично: Proper page

Я подозреваю, что это имеет отношение к CSS, я попробовал все, но ничего не помогало. Кто-то может помочь?

Answer 1

Что вам нужно сделать, это переместить стиль стиля .grid в новый родительский элемент внутри столбца сетки, сам столбец занимает 25% от ширины страницы и имеет внутреннее дополнение для создания иллюзии поле.

<div class="grid col-sm-3 col-xs-6"> 

в

<div class="col-sm-3 col-xs-6"> 
    <div class="grid"> 

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