在我的博客上使用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

回答