When attempting to download the customised version of Bootstrap-2.0
(http://twitter.github.com/bootstrap/download.html) with
"@gridColumns=16" and "@gridColumnWidth=40px" the downloaded CSS did
not reflect the grid according to requirement.
Next, I pulled the master branch from my local repo (SHA:
7432d15fbb...) and modified variables.less to the same values
When running the command lessc ./bootstrap.less > bootstrap.css he
generated CSS file still did not have the grid according to
requirement
So next I had to edit the mixins.less file which looked like:
.span9 { #gridSystem > .columns(@gridGutterWidth,
@gridColumnWidth, @gridRowWidth, 9); }
.span10 { #gridSystem > .columns(@gridGutterWidth,
@gridColumnWidth, @gridRowWidth, 10); }
.span11 { #gridSystem > .columns(@gridGutterWidth,
@gridColumnWidth, @gridRowWidth, 11); }
//error .span12,
//error .container { #gridSystem > .columns(@gridGutterWidth,
@gridColumnWidth, @gridRowWidth, 12); }
// Offset column options
.offset1 { #gridSystem > .offset(@gridColumnWidth,
@gridGutterWidth, 1); }
.offset2 { #gridSystem > .offset(@gridColumnWidth,
@gridGutterWidth, 2); }
.....
.offset9 { #gridSystem > .offset(@gridColumnWidth,
@gridGutterWidth, 9); }
.offset10 { #gridSystem > .offset(@gridColumnWidth,
@gridGutterWidth, 10); }
.offset11 { #gridSystem > .offset(@gridColumnWidth,
@gridGutterWidth, 11); }
//error
I modified it manually to :
remove the comma,
added { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth,
@gridRowWidth, 12); }
extended the .span till 16
modified .container to change 12 to 16
extended the .offset till 15
upon generating the css it worked now.
Im not sure if I made any mistake on the prior steps but thought I
should report my findings nonetheless.
thanks.