在我的博客上使用Twitter Bootstrap。我如何才能讓側欄在移動設備上崩潰？

邊欄看起來罰款從計算機，但是從移動設備它塊屏幕的大部分並覆蓋大部分內容。是否有一種簡單的方法可以將它摺疊到頂部欄中或以其他方式修復它？

2013-01-07 JDD

試試這個：

@media (max-width: 767px) { 
    .sidebar-nav-fixed { 
     position: static; 
     width: 100%; 
     } 
}

2013-01-07 23:59:36

謝謝！那工作。 – JDD

如果你使用引導的響應CSS，你可以給你目前的側邊欄類.hidden-phone並創建一個摺疊版本的類.hidden-tablet和.hidden-desktop。

2013-01-08 00:12:55 esqew

回答