Twitter Bootstrap responsive layout with 1000px max width

Hi

I want to use Twitter Bootstrap as the base CSS for building a site that needs to be 1000px max width.  I believe the default Bootstrap layout width is 1170px.

What modifications do I need to make in order to specify the 1000px width and also still use the fluid columns with class="span4" etc?

Many thanks!
DanziggerAsked:
Who is Participating?
 
Scott Fell, EE MVEConnect With a Mentor DeveloperCommented:
You should  be able to make the container width what ever you want.  Then as long as you are using the row-fluid the span's are % so you should be good.
0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
acc. To me thats not good... To filter from the default... But if you want try this...

CSS
body { 
max-width: 1000px !important;
}
.container { 
max-width: 100% !important;
margin: 0 auto;
}

Open in new window

Put the above in the end..
HTML
<body>
    <div class="container-fluid">
          <div class="row-fluid">
               ..........
          </div>
    </div>
</body>

Open in new window

0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
oops sory its not .container its .container-fluid in the CSS snippet... Plz correct it...
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
DanziggerAuthor Commented:
Thanks for the reply.  So do you think the fixed width should be 1170?  ie. It's a problem to use 1000px width?
0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
Yes. Its bootstrap's default and we should not change it as it may directly or indirectly affect other things...

well, its your wish...
0
 
PagodNaUtakCommented:
Ping
0
All Courses

From novice to tech pro — start learning today.