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>

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

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

您将不得不微调相当多的边距，等等......我也看到了一些 !importants 可能会妨碍您，但我猜其中一些是您尝试进行故障排除的一部分这个。进行上述更改至少使导航栏出现在我的顶部。