twitter-bootstrap - 语义网格系统

Question

我们已经开始使用 twitter 的 Bootstrap ，特别是所有的 .less 文件。

困扰我的一件事是我的 html 中的所有额外类，例如..我不希望我的页面看起来像这样:

<header class="row">
</head>
<section class="row">
</secton>
<footer class="row">
</footer>

所以通常情况下我可以用 less 来解决这个问题，方法是:

header {

  .row;

}

或

header {

  #gridSystem > .row;

}

但这似乎行不通..

解决这个问题的正确方法是什么？

Answer 1

尝试使用新版本的 Bootstrap 2 和新的网格系统:

header {
    #gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
}

引用资料:

http://twitter.github.com/bootstrap/upgrading.html

https://github.com/twitter/bootstrap/blob/master/less/grid.less

http://lesscss.org/#-namespaces