Bootstrap less - 结合容器和放大器排成一列

Question

这可能是一个愚蠢的问题，因为我缺乏较少的/自助理解，但是有可能以某种方式结合，通过较少，.container＆amp; 。一分为二，所以我只需写<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导入到less文件中，然后从mixin.less中调用grid.less和.makerow（）中的.container（）。示例代码如下。

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

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