Bootstrap less - объединить контейнер и ряд в один

Question

Это может быть глупый вопрос из-за моего недостатка в понимании менее/бутстрапа, но возможно ли каким-то образом объединить, через меньше .container &. Вставить один, чтобы я просто нужно написать <div class="myCalss"></div> вместо <div class="container"><div class="row">...</div></div>.

Фон: У меня есть сайт, на котором я использую контейнер, но с разделами разных цветов. Поэтому я должен написать много <div class=”container”><div class=”row”>….

Надеюсь, это имеет смысл.

Codepen example

Answer 1

Импорт mixin.less и grid.less в ваш файл меньше, то вызовите .container() из grid.less и .makerow() от mixin.less. Пример кода ниже.

@import (reference) "bootstrap/grid.less"; 
@import (reference) "bootstrap/mixins.less"; 

.wrapper{ 
    .container(); 
    .make-row(); 
}