twitter-bootstrap - 少混合 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 bootstrap 类，我总是没有定义，必须 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 文件，请确保将 less.js 文件添加到您的项目中。看lesscss.org了解更多信息。

示例:无定制

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

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

可能这对你有用。