ブートストラップ：ページに応じて異なるメニュータイプ

Question

画面サイズに関係なく、他のすべてのページで1ページ（たとえばホームページ）とモバイル（「ハンバーガー」）メニューに通常のテキストメニューを表示できますか？

このロジックはどのようにブートストラップおよび/またはAngularJSで動作しますか？

Answer 1

はい、可能ですが、両方のメニューのコードを作成する必要があります。ブートストラップ通常のメニューバーの

これは、デスクトップや他の画面のビューポート

のためのハンバーガーを非表示になりますちょうどそれがモバイルビューポート

に非表示になりますようにクラスhidden-xs hidden-smを追加し、ハンバーガーメニューのためだけのクラスhidden-md hidden-lg hidden-xlを追加します （a）は、クラス=「モバイルメニュー」 （b）のクラス=「デスクトップ・メニュー」

あなたが身体にホームページの追加、またはHTMLまたはいずれかのことができます：あなたは2メニューを持っている必要があり

Answer 2

1）あなたが持っている上位ラッパー（クラス= "home"など） 、およびインデックスのモバイルメニューを隠すよりも、そして他のページのためのデスクトップメニュー

を隠しますので、CSSでその

.home .mobile-menu{ 
display: none; 
} 

のようなものを持っている必要があります^これは家庭だけ

としてマークされたページのためのモバイル非表示になります

.desktop-menu{ 
display: none; 
} 
.home .desktop-menu{ 
display: block; 
}