如何在较少的引导程序中定义网格布局？

Question

如果我们在没有预处理器的情况下使用bootstrap，我们会在开始标记中添加类，如下所示：

<div id="El" class="col-md-1"></div>

我习惯使用bourbon整洁的sass，在这种情况下，我可以在sass中的元素规则中导入mixins。在这种情况下，我可以做这样的事情：

  #myEl
    @import span-column(6)

在这里查看较少的bootstrap文档：http://bootstrapdocs.com/v3.1.1/docs/css/#less似乎没有可用于bootstraps网格系统的mixin。他们为供应商前缀，转换，渐变和其他东西提供了便利混合，但对于他们自己的网格系统却没有。

所以我有几个问题：

如何使用less来使用bootstrap定义我的网格？

而且，如果我想这样做，我是否正在反对该工具本身？我想如果使用较少版本的bootstrap这种方式没有记录，那么也许有充分的理由。也许较少版本的bootstrap不应该以这种方式使用，而我应该使用另一套工具呢？

Answer 1

你可以这样做，但你必须少写。对于less的一个很好的介绍是在他们的网站上：www.lesscss.org。

在您的情况下，您需要：

@import 'bootstrap/bootstrap.less';
@import 'bootstrap/theme.less';

#El {
    .col-md-1;
}

然后用lessc编译这个文件。之后，您的#El - 元素将表现得像.col-md-1。

有意地，Bootstrap意味着与他们的css类一起使用，并且使用他们的less文件不是第一种引导方式。但是如果你知道bootstrap并且不太好，你应该没有问题。如果你开始使用bootstrap，我建议你只使用他们的CSS。