twitter bootstrap默认填充

Question

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

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

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

Answer 1

正文中的填充覆盖.css文件。

正如odupont所说，“当你在页面顶部有一个导航栏导航栏固定顶部时，这很有用”

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

40px垂直填充，用于清除顶部固定导航栏的高度，高度为40px。然后，导航杆和机身之间的垂直间隙为20px。因此，声明了填充顶部60px。

为了特殊目的，将css内容插入到正文中，它会覆盖.css文件中的填充样式。

尝试评论上述代码，并查看结果。

Answer 2

如果您在页面顶部有 navbar navbar-fixed-top ，则会很有用，例如Bootstrap Doc上的示例。

Answer 3

如果你有一个div并希望在页面上有div的背景，可以考虑使用与主体上的填充相当的负边距，然后将填充添加到div：

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