相关疑难解决方法(0)

调整Bootstrap 2.0进行语义标记

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等,似乎工作正常.

我错过了什么?使用引导程序的最佳实践是什么,同时将非语义类名称保留在我的语义标记之外?

css less twitter-bootstrap

27
推荐指数
2
解决办法
5861
查看次数

标签 统计

css ×1

less ×1

twitter-bootstrap ×1