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

Question

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

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

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

Answer 1

假设你想把所有东西都推到 10 像素。以下对我来说很好。

body>div { padding: 0 10px }

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

您可能还希望将 .container 样式的宽度更改为更合理的样式。标准是 940 像素，所以如果您的新填充是 10 像素，您可能希望将其设为 920 像素。

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