我想知道在這種情況下最佳做法是什麼。我在twitter引導頁面中有一個導航欄,當在桌面上查看時,頁面上方有內容。導航欄在屏幕寬度足夠低時摺疊,但摺疊後導航欄處於相同位置,但我希望它在摺疊後位於頁面的頂部。什麼是最好的方法來做到這一點?讓Twitter Bootstrap導航欄在崩潰時返回頁首
這裏是我的演示:http://www.bootply.com/61283
我想知道在這種情況下最佳做法是什麼。我在twitter引導頁面中有一個導航欄,當在桌面上查看時,頁面上方有內容。導航欄在屏幕寬度足夠低時摺疊,但摺疊後導航欄處於相同位置,但我希望它在摺疊後位於頁面的頂部。什麼是最好的方法來做到這一點?讓Twitter Bootstrap導航欄在崩潰時返回頁首
這裏是我的演示:http://www.bootply.com/61283
假設你正在使用標準引導NAV-崩潰的導航欄,您可以使用「可見桌面」的唯一桌面內容:
<div class="container visible-desktop">Desktop only content above nav..</div>
在較小的屏幕上不顯示,因此導航欄將顯示在頂部。
EDIT(備選):
的另一種方法將是使用@media查詢和改變CSS來定位較小的屏幕上的元素..
@media (max-width: 767px) {
.navbar{
position:absolute;
top:0;
}
#topContent{
margin-top:45px;
}
}
您應該添加代碼和演示 – MisterJ 2013-05-13 11:58:53