twitter-bootstrap - 私のブログでTwitterBootstrapを使用しています。モバイルデバイスのサイドバーを折りたたむにはどうすればよいですか？

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