twitter bootstrap默认填充

Question

为什么这是Twitter引导在身体上的默认填充？

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

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

Answer 1

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

正如odupont提到，

的填充将设置顶部固定的定位导航栏和你之间的20像素的垂直间隙“当你有一个导航栏导航栏固定顶在你的页面的顶部这是非常有用”文件的正文。如上面的代码所示，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;