混合col bootstrap类减少？

Question

如果我在bootstrap中执行类似的操作,在html中,一切正常.

<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 content"> </div>

但问题是,当我想嵌套bootstrap col类？如何在LESS或SASS中混合col引导类,总是我得到了解决,必须在外面

.content
{
.make-lg-column(9);
.make-md-column(9);
.make-sm-column(9);
.make-xs-column(9);
}

Answer 1

您应该导入bootstrap.less文件.为此下载完整的bootstrap项目,并复制less文件夹.然后将less文件夹放在项目中.如果您希望在工作时减少编译,请确保将less.js文件添加到项目中.请查看lesscss.org更多信息.

示例:custom.less

@import "../less/bootstrap.less";

 section {
    .make-row();
}
.left-navigation {
    .make-sm-column(3);
}
.main-content {
    .make-sm-column(9);
}

可能这对你有用.