Семантическая сеточная система

Question

Мы начали использовать загрузчик Twitter, в частности все файлы .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