Twitter bootstrap 3 固定的顶部导航栏盖锚'；内容

这是一个带有固定导航栏的登录页，并使用引导scrollspy和词缀在内容中定位。我通过数据属性在顶部导航栏上添加了词缀。一切都很好，除了附加的顶部导航栏覆盖了内容的顶部

目前情况就是这样：

应该是这样的：

导航条码：

<!-- navbar section -->

<nav id="navbar-scrollspy" class="navbar navbar-default" data-spy="affix" data-offset-top="58" data-offset-bottom="200">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div id="navbar" class="collapse navbar-collapse" aria-expanded="false" style="height: 1px;">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#first_round"><strong>ГЛАВНАЯ</strong></a></li>
                <li><a href="#second_round">КАК ЭТО <strong>РАБОТАЕТ</strong></a></li>
                <li><a href="#third_round">КАК ПОЛУЧИТЬ <strong>ЗАЙМ</a></strong></li>
                <li><a href="#fourth_round">КАК ВЕРНУТЬ <strong>ЗАЙМ</a></strong></li>
                <li><a href="#fifth_round">ОТЗЫВЫ <strong>О НАС</a></strong></li>
            </ul>
        </div>
    </div>
</nav>

切换导航

---

下面是一个实时示例：

请记住，当您滚动时，navbar scrollspy元素会更改其类。。在屏幕顶部滚动时，可用的类是

class=“navbar navbar默认粘贴顶部”

向下滚动一点后，这些类将变为

class=“navbar navbar默认粘贴”

，因为顶部元素从

位置：相对

翻转到

位置：固定

，底部边距变得不稳定

我希望您在

class=“container form self”

中添加一个页边距顶部（45px？），并将页边距底部从类

navbar

（从45px减少到0）。那会在任何地方保护你

---

哎呀。说到摇摇晃晃。同样的菜单需要在手机上做一些修改，但我猜你还没有做到。我分担你的痛苦

我已经更新了链接。我已经有了这个css规则：``#navbar-scrollspy.affix{position:fixed；top:0；width:100%；z-index:10；}```