简单的Bootstrap响应标头（navbar）会在调整大小时掉线

Question

当您使用宽浏览器窗口查看页面时，它看起来很好。如果你调整窗口的大小使其变瘦，那么标题会突然下降60px，这相当于身体的填充顶部。为了制作这个页面，我从一个简单的Bootstrap模板开始，并删除了大部分内容。为什么会这样？

Answer 1

事实证明问题是自定义主体css需要在bootstrap.css文件之前出现：

<style type="text/css">
    body {
        padding-top: 60px;
        padding-bottom: 40px;
    }
</style>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css" rel="stylesheet">