Twitter bootstrap 3 在Bootstrap 3中将.spanX作为.col-md-X的别名实现的最简单方法是什么?
我试着继承Twitter bootstrap 3 在Bootstrap 3中将.spanX作为.col-md-X的别名实现的最简单方法是什么?,twitter-bootstrap-3,less,Twitter Bootstrap 3,Less,我试着继承 @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 我猜这与引导如何定义.col
@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
我猜这与引导如何定义.col-_ux类(and)有关,老实说,我不能完全理解
我最好是寻找不改变引导源代码的方法(这样可以避免维护私有引导分支)基于@seven Phase 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);
请参见,即使用
。改为使用md列(2)
。是的,.col-md-2
不能用作mixin,因为它们是通过转义字符串连接生成的。或者,请参见《谢谢你们俩》。make md column(2)
做到了这一点,现在我也明白了为什么我尝试使用&:extend(…)
时没有成功(我需要创建一个具体的.col-md-2
实例来扩展)。