The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled.
With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
Hi Folks,
Is there a way I can limit the width to 960px?
1200px is too wide for my site design, content is too spaced out it needs more white space.
Many thanks
You can but it won't be responsive.
I think you could tinker with the responsive versions but you would have to remove any media queries relating to larger sizes.
http://twitter.github.com/bootstrap/scaffolding.html#responsive
So if I take out the media queries for bigger resolutions, the layout will be fixed for 940px, and the grid will adapt for lower resolutions?
Thanks again
To do this do I need to modify bootstrap-responsive.css and take out everything between:
@media (min-width: 1200px) {
}
Thanks again
Try just commenting it out and see.
Thanks for the replies.
Can I use this fixed width layout, but change the width to 960px instead of 720px?
http://twitter.github.com/bootstrap/examples/marketing-narrow.html
All you have to do to make it 960px wide is change the
max-widthon thecontainer-narrowto 960px.Hi there,
Using the customized version for bootstrap:
http://twitter.github.com/bootstrap/customize.html
Can anyone please tell me what Grid system values I need to use for a 960px layout?
Bootstrap isn't set up to provide a 960 grid. You would have to adapt one of their existing layout options manually.
Thanks for the reply, I have an example layout here:
http://www.mharrisweb.co.uk/ss.htm
I'm using a span 8 and span 4 for a two column layout, but my columns are too wide for the 960 layout and the divs are clearing each other.
Are there any default 960 grids I can use? What values should I be using?
Sorry if I'm not understanding.
Thankyou
The is the old favourites
http://960.gs/
http://www.getskeleton.com/