- This topic is empty.
-
AuthorPosts
-
January 30, 2013 at 6:52 am #42339
matthisco
ParticipantHi 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
January 30, 2013 at 8:16 am #122822Paulie_D
MemberYou can but it won’t be responsive.
>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.
January 30, 2013 at 8:18 am #122823Paulie_D
MemberI 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
January 30, 2013 at 8:37 am #122825matthisco
ParticipantSo 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
January 30, 2013 at 8:43 am #122827matthisco
ParticipantTo do this do I need to modify bootstrap-responsive.css and take out everything between:
@media (min-width: 1200px) {
}
Thanks again
January 30, 2013 at 8:45 am #122828Paulie_D
MemberTry just commenting it out and see.
January 31, 2013 at 10:53 am #75708matthisco
ParticipantThanks 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
February 8, 2013 at 5:43 am #123778matthisco
ParticipantHi 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?
February 8, 2013 at 6:32 am #123789Paulie_D
Member>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.
February 8, 2013 at 7:53 am #123784matthisco
ParticipantThanks 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
February 8, 2013 at 7:55 am #123781Paulie_D
Member -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.