Twitter Bootstrap顶部栏和容器调整大小填充

Question

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

如果你看这里并调整浏览器的宽度，你会发现左边没有填充。如果你添加填充虽然它会抛出布局中心。

我有什么办法可以解决这个问题，还是需要更改整个布局？我看到twitter.com如何使用宽度和内容，但这需要更多的div元素。谢谢您的帮助。

Answer 1

假设你想把所有内容都说成10px。以下对我来说很好。

body>div { padding: 0 10px }

这将在身体的子div的左侧和右侧应用10px的填充。

您可能还希望将.container样式的宽度更改为更合理的内容。标准是940px所以如果你的新填充是10px你可能想要它920px。

此外，您还需要将背景样式从.topbar-inner样式移动到.topbar样式。如果你不这样做，你的顶部栏将没有应用填充的背景。