Twitter bootstrap 推特引导”；。货柜；类：如何在语义上使用它？

一天前，我决定玩推特引导。我发现它制作得非常好，但我不喜欢所有那些污染我的html的类

所以我试着用更少的语言来表达更多的语义。在我进入.container课程之前，我一直做得很好。“mixins.less”文件（第580行）中有一个mixin，用于设置容器宽度。但是，如果不将类直接包含在html中，我就无法让它工作。当我把它放在自定义文件中时，我总是会遇到编译错误。我试着复制并插入到我的文件中，但没有成功。。。有人经历过这个吗

当然，我可以手动强制宽度，但我认为这不是最好的方法。有什么想法吗？

是迄今为止我找到的最好的治疗方法。借用作者的例子：

大多数人使用这个：

<div class="row">
  <div class="span6">...</div>
  <div class="span6">...</div>
</div>

...
...

如果你和我一样，那么你正在努力做到这一点：

<!- our new, semanticized HTML -->
<div class="article">
  <div class="main-section">...</div>
  <div class="aside">...</div>
</div>

<!-- its accompanying Less stylesheet -->
.article {
  .makeRow();        // Mixin provided by Bootstrap
  .main-section {
    .makeColumn(10); // Mixin provided by Bootstrap
  }
  .aside {
    .makeColumn(2); // Mixin provided by Bootstrap
  }
}

...
...
.文章{
.makeRow（）；//由引导程序提供的Mixin
.主要部分{
.makeColumn（10）；//由引导程序提供的Mixin
}
.旁白{
.makeColumn（2）；//由引导程序提供的Mixin
}
}

以上答案的问题是makeRow（）和makeColumn（）的混合没有响应。我期待着写语义类名，但我没有看到写例如行和span6 offset1类名时的结果

---

您可以查看以获取更多信息。

Awww，非常好！但有一件事。。。它不应该是“span10”和“span2”而不是“span6”和“span6”吗。