css - Bootstrap navbar navbar-fixed-top 在一定尺寸后崩溃

Question

我正在尝试实现一个固定的导航栏，但是在一定的屏幕尺寸(〜宽度:989)之后，导航栏向下移动。它也不适用于移动设备。

图片:

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

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

Answer 1

您还有一些其他问题，但主要问题是 nav-fixed-top 内容现在位于页面底部......换句话说，您有:

<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>

您将不得不微调相当多的边距等...我看到一些 !importants 也可能会妨碍您，但我猜其中一些已经成为您的一部分尝试解决此问题。进行上述更改至少使导航栏出现在我的顶部。