Точная настройка интервала сетки Bootstrap

В макете сетки Bootstrap вы столкнулись с проблемой расстояния между столбцами. Хотя решение с использованием col-md-5 с протягиванием влево и вправо может привести к слишком большому пространству, доступен более тонкий подход.

Решение: вложить Div в столбцы

Вставьте элемент div в каждый столбец col-md-6 и примените желаемое поле и отступ к вложенному элементу div. Такой подход сохраняет структурную целостность столбца, допуская при этом дополнительный интервал внутри каждого.

Код:

    

        
Widget 1
    
    

        
Widget 2
    

CSS:

.classWithPad {
    margin: 10px;
    padding: 10px;
}

С помощью этого решения вы можете легко добавить нужные интервалы к столбцам, не жертвуя структурной согласованностью макета сетки.