ok, so I'm using this bootstrap layout from http://startbootstrap.com/simple-sidebar The problem is I want to make the page look like a more modern version of http://www.deaf-interpreter.com the problem I have is setting up the layout, margin-wise so that the User Menu and the content totals around 900px. What should I do?? Thanks in advance!

 

CasperGemini

Edited February 19, 201412 yr by CasperGemini

Im not sure I understand your question 100% but do you mean you want the whole site to be 900px max width?

 

You could try looking at the source and changing the values of sections you need to be changed?

 

Sorry for being vague.

 

Also thanks for letting me know about this layout - I will use it on my next Wordpress theme.

Set your containing container (or whatever you name it) to a width of 900px. Nice and simple

 

Ensure child elements have the relevant widths and account for padding, which can widen the element.

If you're developing in bootstrap, editing the width should be a snap.

 

Bootstrap relies almost entirely on percentages except for its main container which everything should be in. Just take a look at the non-minified .css for bootstrap, search ".container" and wait until you find the right ones with the media queries. Edit ALL the media queries to match your specification, and there you go. Width changed with bootstrap still (hopefully) functioning.

 

Alternatively, if that's not working out for you, just load an additional css file AFTER bootstrap with the .container class in which should override bootstraps version. Easier maybe, but not as clean.

As others have mentioned all you need to do is change the width of the container.

 

Adding the code below to your CSS will solve your issue

 

.container {max-width:900px;}

 

Meant to add, you never mentioned you wanted your website responsive, if you don't and you're looking to build a website with fixed widths you're probably best doing it without Bootstrap as Bootstrap by default will change your layout when it hits certain breakpoints anyway.

Edited February 20, 201412 yr by Bobby Anderson

Why 900px. A little tight. It seems the whole world is using the 960 grid.