页面上的Twitter Bootstrap导航栏固定顶部重新定位

Question

我已经成功在网站上运行了Bootstrap，但是我尝试使用navbar-top-fixed功能，并且每当页面加载时，Bootstrap都会将所有内容降低20像素左右，我似乎无法诊断出原因。

我的导航栏代码是这样的：

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container protected">
                <ul class="nav pull-right nav-pills">
                    <li><a href="/account/login" id="customer_login_link">Login</a></li>
                    <li><a href="/cart"><i class="icon-shopping-cart icon-white"></i> View cart <span class="badge badge-warning">2</span></a></li>
                </ul>
            </div>
        </div>
    </div>

并且此链接处的页面将正确加载该页面，然后在加载页面时将其像该屏幕截图一样向下推。

有没有人看过此书或知道任何快速修复方法？ 我正在使用lessCSS自定义页面上的导航栏之一。

Answer 1

请将导航栏标记移到“容器” div的前面。 “容器”类已定义此边距。

看到这里： http : //postimage.org/image/nu5pv8tkz/