讓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