0

問題: モバイルで Bootstrap サイトをロードすると、nav-collapse media-query CSS が原因でメニューが表示されなくなります。私が望むのは、ドロップダウン項目のない最小限のメニューを維持することです. それは可能ですか？

最上位の <li> のみを含む別の単純なナビゲーション バーを追加する場合、メディア クエリを適用して If-Else を実行し、画面サイズに基づいて適切なナビゲーション バーを選択するにはどうすればよいですか?

4

2 に答える 2

2

Bootstrap レスポンシブでは、メニューのメディア クエリは次のようになります。

@media (max-width: 979px) { }

このメディア クエリ内のすべてのスタイルを消去することから始めて.nav-collapse(ブラウザの幅に関係なく同じメニューが表示されるように)、次にスタイルを作り直して目的を達成することができます。私の記憶が正しければ、これらのスタイルは 650 行目あたりです。

意味的に貧弱な別のメニューを追加するよりはましです。

于 2012-04-26T11:41:29.557 に答える
0 
@media (max-width: 768px) {
 .navbar ul.dropdown-menu, .navbar li.dropdown b.caret {
   display: none;
 }
}

これにより、768px 未満の画面のドロップダウン メニューが非表示になります。

他のコードを使用すると、ホバー時に (クリックではなく) ドロップダウンが開き、メディア クエリがメニュー項目を非表示にするときに、クリックを使用してページにリダイレクトできます。

于 2012-04-28T06:12:35.767 に答える