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">
</head>
<section class="row">
</secton>
<footer class="row">
</footer>
So usually with less I could just fix it by doing:
header {
.row;
}
or
header {
#gridSystem > .row;
}
But that doesn't seem to work.
What would be the correct way?
+3
source to share
1 answer
Try using the newer Bootstrap 2 with a new grid:
header {
#gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
}
Literature:
http://twitter.github.com/bootstrap/upgrading.html
https://github.com/twitter/bootstrap/blob/master/less/grid.less
+2
source to share