时间戳

首页 > 解决方案 > 具有类“navbar-fixed-top”的引导导航栏未保持固定

html - 具有类“navbar-fixed-top”的引导导航栏未保持固定

问题描述

在我的网站上，我根据引导程序的文档使用 navbar-fixed-top 类。我希望我的导航保持固定，但不幸的是，在查看页面源时位置变得相对。这是我的代码。

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" id="navId">
            <li class="nav-item">
                <a href="{{ url_for('home')}}" class="nav-link active">Home</a>
            </li>
            <li>
                <a href="{{ url_for('notebook_reference')}}" class="nav-link active">Work</a>
            </li>
        </ul>
    </div>
</nav>

我对此感到很困惑。我相信我已经正确地遵循了这个例子。如果有人在这里知道我的错误，请告诉我！

还有一件事。我没有覆盖任何样式的引导程序。

标签： htmlcsstwitter-bootstrap

解决方案

<nav class="navbar navbar-default navbar fixed-top">

只需删除导航栏和固定顶部之间的“-”

推荐阅读