twitter bootstrap默认填充

Question

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

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

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

Answer 1

正文上的填充会覆盖 .css 文件。

正如 odupont 提到的，“当页面顶部有导航栏 navbar-fixed-top 时，它会很有用”

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

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

出于特定目的，将 css 内容插入正文中，它会覆盖 .css 文件中的任何填充样式。

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