Bootstrap navbar navbar-fixed-top在特定大小后崩溃

Question

我试图实现一个固定的导航栏，但是在某个屏幕尺寸（〜宽度：989）之后， 导航栏向下移动。它也不适用于移动设备。

图像：

导航栏完全停留在页脚上，而不是停留在页面顶部。

您可以在以下位置查看代码：http://www.lostsavings.co.il

Answer 1

您还有其他一些问题，但主要问题是导航固定顶级内容现在位于页面底部...换句话说，您有：

<div class="container"> content here </div>
<div class="navbar"></div>
<div class="footer"></div>

将该导航栏移动到自然文档流程的顶部，就好像您没有使用bootstrap，jquery等...

<div class="navbar"></div>
<div class="container"> content here </div>
<div class="footer"></div>

你必须微调相当多的边缘等等......我也看到了一些可能妨碍的重要事项，但我猜其中一些已成为你的一部分试图解决这个问题。进行上述更改至少使导航栏显示在我的顶部。