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

【问题标题】：Twitter Bootstrap navbar-fixed-top repositioning on pageTwitter Bootstrap navbar-fixed-top 在页面上重新定位
【发布时间】：2012-07-02 02:30:23
【问题描述】：

我已经成功地在我的网站上运行了 Bootstrap，但我正在尝试使用 navbar-top-fixed 功能，每当页面加载时，它会将所有内容向下推约 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>

this link 处的页面会正确加载页面，然后在加载页面时会像this screenshot 一样将其下推。

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

【问题讨论】：

标签： javascript html css twitter-bootstrap navbar

【解决方案1】：

请将导航栏标记移到“容器”div 前面。 “容器”类定义了这个边距。

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

【讨论】：

感谢您的回复，但这样做后仍然无法解决问题。有什么方法可以诊断出 Firebug 之外的额外边距像素来自何处？
我强烈推荐 Google Chrome 和它的开发者工具。只需输入所有你想在那里的代码并浏览，你就可以很容易地看到是什么推动了它。