Semantic grid system

We started using twitter bootstrap, in particular, only all .less files.

One thing that worries me is of course all the extra classes in my html. I don't want my page to look like this:

<header class="row">
<section class="row">
<footer class="row">


So usually with less I could just fix it by doing:

header {





header {

  #gridSystem > .row;



But that doesn't seem to work.

What would be the correct way?


source to share

1 answer

Try using the newer Bootstrap 2 with a new grid:

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





All Articles