twitter-bootstrap - Jasny ブートストラップ: モバイル ビュー

Question

Jasny ブートストラップを使用して左側のナビゲーション メニューを作成していますが、問題が発生しました。

したがって、モバイル画面の場合、上記のようなものが得られます。メニューを閉じるにはどうすればよいですか？これは彼のウェブサイトでの彼自身の例からです

ありがとう！

Answer 1

あなたはそのようなものを使うかもしれません

$('.navmenu, .navbar-offcanvas').css({
  "width": (viewport - 50) + "px"
});

すべてのデバイスで固定インデントが表示されます。その回答を参照してください

Answer 2

リスト内のアクティブなアイテムをクリックして、メニューを閉じています。その場合、それは「Reveal」アイテムです

Answer 3

jasny-bootstrap.css ファイルの次のスタイルを目的の幅に変更します。

.navmenu, .navbar-offcanvas {width: 300px;}

例: 200px は、iPhone 4 のような小さい画面で見栄えがします。