css - twitter 引导默认填充

Question

为什么这是身体上 twitter bootstrap 的默认填充？

body {
  padding-top: 60px;
  padding-left: 20px;
}

我的印象是“重置”css-ish 文件通常会删除所有填充/边距。

Answer 1

主体上的填充覆盖了 .css 文件。

正如 odupont 所提到的，“当您在页面顶部有一个 navbar navbar-fixed-top 时，这很有用”

填充将在顶部固定定位的导航栏和文档正文之间设置 20 像素的垂直间隙。如上代码所示，padding-top: 60px;

40px 垂直填充，用于清除顶部固定导航栏的高度，该导航栏的高度为 40px。然后，导航栏和正文之间有 20px 的垂直间隙。因此，为 padding-top 声明了 60px。

出于特定目的，该 css 内容被插入正文中，它覆盖了您在 .css 文件中的任何填充样式。

尝试注释上面的代码，看看结果。

Answer 2

如果您有一个 div 并希望 div 的背景在页面上伸展，请考虑使用与 body 上的 padding 等效的负边距，然后将 padding 添加到 div：

margin-left:   -20px;
padding-left:   20px;
margin-right:  -20px;
padding-right:  20px;

Answer 3

当您在页面顶部有一个navbar navbar-fixed-top时，它会很有用，例如Bootstrap Doc上的示例。