Twitter Bootstrap navbar-fixed-top在页面上重新定位

时间:2012-07-01 08:59:48

标签: javascript html css twitter-bootstrap navbar

我已成功在我的网站上运行Bootstrap,但我正在尝试使用导航栏顶部固定功能,每当页面加载时,它都会将所有内容推下约20像素,我似乎无法诊断原因。< / p>

导航栏的代码是:

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

this link处的页面会正确加载页面,然后在加载页面时将其按下this screenshot

有没有人见过这个或知道任何快速修复?我正在使用lessCSS自定义页面上的一个导航栏。

1 个答案:

答案 0 :(得分:0)

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

见这里:http://postimage.org/image/nu5pv8tkz/