thanks for the update.
I'm having trouble fitting this into my less file... I'm in the mixins.less
file (Bootstrap v2) and have found the class .fluid which is followed by
.row-fluid both of which are contained within #grid Am I even in remotely the
right place for this?
.fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
.spanX (@index) when (@index > 0) {
(~".span@{index}") { .span(@index); }
.spanX(@index - 1);
}
.spanX (0) {}
.span (@columns) {
width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth *
(@columns - 1));
*width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth *
(@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
}
.row-fluid {
width: 100%;
.clearfix();
[class*="span"] {
.input-block-level();
float: left;
margin-left: @fluidGridGutterWidth;
*margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
}
[class*="span"]:first-child {
margin-left: 0;
}
// generate .spanX
.spanX (@gridColumns);
}
}
On 2 Aug 2012, at 00:05, Sherbrow <[email protected]> wrote:
Hum last thing : I made some adjustments so be sure to use the latest version
of the gist.
And here is a demo of it working : http://jsfiddle.net/Sherbrow/LqmSz/
Happy to help
