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.

Reply via email to