How do I change Twitter Bootstrap grid widths?

Question

I'm using Twitter Bootstrap right now ver 2.0 and notice that the space is not enough using the 12 column grid.

I think they're using 940px.. so how do I use a custom width without breaking the 12 column grid?

Thanks..

Answer 1

The simplest way would be to customize your own download. Focus on the Grid section.

Alternatively you could edit the LESS or compiled CSS files directly.

Answer 2

You can also create a new stylesheet (or add to an existing one) that simply overrides the values of those variables. This way you don't have to worry about bootstrap updates rewriting your changes. Just make sure you declare the variables after the bootstrap CSS and JS have loaded.

In fact, personally I think that's a better option otherwise you have to remember to re-edit the CSS file every time you install a bootstrap update and this is never a good idea.

This is especially problematic if you're using bootstrap as a gem (say for Rails). That's why I never like overwriting include files directly.