Link to home
Start Free TrialLog in
Avatar of Danzigger
Danzigger

asked on

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!
Avatar of Ishaan Rawat
Ishaan Rawat
Flag of India image

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

oops sory its not .container its .container-fluid in the CSS snippet... Plz correct it...
Avatar of Danzigger
Danzigger

ASKER

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

well, its your wish...
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial