Twitters的第2版"Bootstrap"UI框架今天发布.虽然我发现它非常方便,但我不喜欢它是非语义的.
我宁愿避免在我的HTML中设置像.span6 .table-striped这样的类.
由于Bootstrap是建立在较少的基础之上,我期望有一种很好的方法可以使用特定于项目的更少的工作表,可以利用mixins将bootstrap定义的良好归因于漂亮的语义类名.
我将bootstrap.less克隆到myproject.less中,并调整@import行中的路径,然后在底部添加以下内容:
#call-to-action {
.span6;
}
Run Code Online (Sandbox Code Playgroud)
但是Lessc对此嗤之以鼻,抱怨说:
.span6 is undefined in
Run Code Online (Sandbox Code Playgroud)
类似地,尝试.columns(6)会产生相同的错误(".columns is undefined").
其他混合,如.table,.table-bordered等,似乎工作正常.
我错过了什么?使用引导程序的最佳实践是什么,同时将非语义类名称保留在我的语义标记之外?