twitter-bootstrap-3 - Bootstrap3 - 別のグラフィックからナビゲーションを切り替える

Question

<header>タグの外側のグラフィックで (ハンバーガーアイコンボタンの代わりに) ナビゲーショントグルを制御できるかどうか疑問に思っています。サイトのこの部分は、モバイルデバイスでのみ表示されます。

折りたたまれたメニューの上に 2 行の画像ボタンがあります。画像リンクの 1 つをナビゲーションバーのトグルとして機能させたいと考えています。これは可能ですか？

可能であれば、必要なコードの変更を手伝ってくれる人はいますか?

score 0 · Accepted Answer

私があなたの質問を正しく理解している場合は、独自のアイコンを使用してナビゲーションバーを表示/非表示にする必要があります。

次のjQueryコードを追加することにより、アイコンのIDがメニュートグルであると仮定すると、これでうまくいくはずです:

$("#menu-toggle").click(function(e) {
        $('.navbar').toggle();
});

score 0 · Accepted Answer

思ったより簡単でした。私がする必要があったのは、コードを追加することだけでした

 data-target=".bs-navbar-collapse" data-toggle="collapse"

実際の画像では、ナビゲーションバーを制御したいので、を削除し<button>てハンバーガーを非表示にしました。

http://www.bootply.com/YkWyRzWZDsを更新して解決策を示しました。

2 に答える 2