Setting max width for body using Bootstrap

Question

I\'m building my first site with Twitter Bootstrap and experimenting with fluid layouts. I\'ve set my container to be fluid, now the content inside takes up the full page wi

Answer 1

I don't know if this was pointed out here. The settings for .container width have to be set on the Bootstrap website. I personally did not have to edit or touch anything within CSS files to tune my .container size which is 1600px. Under Customize tab, there are three sections responsible for media and the responsiveness of the web:

• Media queries breakpoints
• Grid system
• Container sizes

Besides Media queries breakpoints, which I believe most people refer to, I've also changed @container-desktop to (1130px + @grid-gutter-width) and @container-large-desktop to (1530px + @grid-gutter-width). Now, the .container changes its width if my browser is scaled up to ~1600px and ~1200px. Hope it can help.