Twitter Top Bootstrap and Resizing Container

Question

http://twitter.github.com/bootstrap/

If you look here and resize the width of your browser, you will see that there is no padding to its left. If you add a pad, although it throws out the center of the layout.

Is there anything you can do to fix this, or do I need to change the whole layout? I can see twitter.com doing this using width and stuff, but that requires more div elements. Thanks for the help.

Answer 1

Assuming you want to click everything, say 10px. The following worked fine for me.

 body>div { padding: 0 10px } 

This will apply 10px indent to the left and right of the child divs of the body.

You will also probably want to change the width of the .container style to something more reasonable. The standard is 940px, so if you are new to padding 10px, you can do it 920px.

In addition, you need to move the background style from the internal .topbar style to the .topbar style. If you do not, then on the top bar there will be no background in which the add-on has been added.