Javascript Twitter引导导航栏在页面上固定顶部重新定位

我已经在我的网站上成功地运行了引导程序，但我正在尝试使用navbar顶部固定功能，每当页面加载时，它都会将所有内容向下推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>

此时页面将正确加载页面，然后在加载页面时将其向下推

---

以前有没有人见过这种情况，或者知道什么快速解决方法？我正在使用LESSCS自定义页面上的一个导航栏。

请将导航栏标记移动到container div前面。container类已定义此边距

---

请参见此处：

请将导航栏标记移动到container div前面。container类已定义此边距

---

请参见此处：

感谢您的回复，但这样做后仍然无法解决问题。除了Firebug，还有什么方法可以诊断额外利润的px来自哪里？我强烈推荐Google Chrome及其开发工具。只需输入所有您想要的代码并浏览，您将能够轻松看到是什么推动了它。感谢您的回复，但这样做后仍然无法解决问题。除了Firebug，还有什么方法可以诊断额外利润的px来自哪里？我强烈推荐Google Chrome及其开发工具。只需输入所有你想要的代码并浏览，你就能很容易地看到是什么在推动它。