语义网格系统

Question

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

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

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

通常情况下，我可以通过以下方式解决这个问题：

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