CODEWITHSUNDEEP
csstwitter-bootstrap
Clannad System
Clannad System

Reputation: 489

How do I change Twitter Bootstrap grid widths?

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..

Upvotes: 10

Views: 11426

Answers (2)

kakubei
kakubei

Reputation: 5400

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.

Upvotes: 4

Terry
Terry

Reputation: 14219

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

enter image description here

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

Upvotes: 6

Related Questions