css - 推特 Bootstrap 默认填充

Question

为什么这是 body 上 Twitter bootstrap 的默认填充？

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

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

Answer 1

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

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

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

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

那个 css 东西被插入到正文中是为了特定目的，它会覆盖你在 .css 文件中的任何填充样式。

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