实现.spanX作为Bootstrap 3中.col-md-X的别名的最简单方法是什么？

Question

我尝试过继承

@import "bootstrap.less";
.span2 { .col-md-2; }

但是这给了我

Running "less:dev" (less) task
>> NameError: .col-md-2 is undefined in src\bs2compat.less on line 9, column 10:
>> 8
>> 9 .span2 { .col-md-2; }
>> 10

我猜它与Bootstrap如何定义.col -__- X类（https://github.com/twbs/bootstrap/blob/master/less/grid.less#L48和https://github.com/twbs/bootstrap/blob/master/less/mixins.less#L790）有关，我必须诚实地说我不能完全包裹我的到处走走..

我最好寻找不改变Bootstrap源代码的方法（这样可以避免维护私有的Bootstrap fork）..？

Answer 1

基于@ seven-phases-max的链接，这里是一个循环较少的构造，可生成所有.spanX和.offsetX类：

.span(@index) when (@index >= 1) {
    .span@{index} {
        .make-md-column(@index);
    }
    .offset@{index} {
        .make-md-column-offset(@index);
    }
    .span(@index - 1);    // recurse
}
.span(12);