Twitter bootstrap 使Twitter引导导航栏在折叠时转到页面顶部

我想知道在这种情况下最好的做法是什么。我在twitter引导页面中有一个导航栏，当在桌面上查看时，页面上方有内容。当屏幕宽度足够低时，导航栏会折叠，但折叠后导航栏处于相同位置，但我希望折叠后导航栏位于页面顶部。最好的方法是什么

---

这是我的演示：

假设您正在为导航栏使用标准引导导航折叠，您可以将“可见桌面”用于仅用于桌面的内容：

<div class="container visible-desktop">Desktop only content above nav..</div>

---

您应该添加代码和注释，但我希望内容在折叠时仍然可见，但我希望它位于导航栏下方，而不是上方。请参见演示2。。您可能需要在演示2上调整CSS，当导航栏折叠时，文本将消失。现在唯一的问题是，当菜单打开时，内容不会向下移动

@media (max-width: 767px) { 
    .navbar{
        position:absolute;
        top:0;
    }
    #topContent{
        margin-top:45px;
    }
}