这个简单的差距是如何实现的？

Question

我开始使用Bootstrap和HTML。

看着homepage for Bootstrap，导致<div class="navbar navbar-fixed-top">和下面的<div class="container">之间的这个〜50px间隙是什么原因？

我已经探讨了镀铬的DOM结构，并不能看到哪个元素引起的差距？

Answer 1

它是由body元素的padding-top属性引起的，当前设置为90px。

Answer 2

这是由应用于身体元素的90px的填充顶部引起的。

他们这样做的原因是因为顶部栏是一个固定元素，并且为了确保页面的其余部分不会隐藏在页面下方，当页面加载一个填充顶部应用于推动页面的其余部分下。