让Twitter Bootstrap导航栏在崩溃时返回页首

Question

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

这里是我的演示：http://www.bootply.com/61283

Answer 1

假设你正在使用标准引导NAV-崩溃的导航栏，您可以使用“可见桌面”的唯一桌面内容：

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

在较小的屏幕上不显示，因此导航栏将显示在顶部。

Demo 1

EDIT（备选）：

的另一种方法将是使用@media查询和改变CSS来定位较小的屏幕上的元素..

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

Demo 2