twitter-bootstrap - 在我的博客上使用 Twitter Bootstrap。如何让移动设备的侧栏折叠？

Question

这是我网站上的一个页面。

侧边栏在计算机上看起来不错，但在移动设备上它会挡住大部分屏幕并覆盖大部分内容。有没有一种简单的方法可以让它折叠到顶部栏或其他方法来修复它？

score 3 · Accepted Answer

试试这个：

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

score 2 · Accepted Answer

如果您使用的是 Bootstrap 的响应式 CSS，您可以为当前侧边栏指定类.hidden-phone，并使用类.hidden-tablet和.hidden-desktop.

2 回答 2