ホームページ > 記事 > ウェブフロントエンド > Bootstrap Navbar が小型デバイスで消えるのはなぜですか?
ブートストラップ ナビゲーション バー: 小型デバイスで要素が消える
目立つロゴを中央に配置してブートストラップ ナビゲーション バーを設計しましたが、画面サイズが小さくなります。ハンバーガーメニューも隠されたままです。この問題は、いくつかの要因を考慮することで解決できます。
モバイル デバイスのナビゲーション バーの外観
ブートストラップは、メディア クエリに依存して、さまざまな画面サイズに合わせてナビゲーション バーの動作を調整します。次の CSS クラスが重要な役割を果たします。
Navbar クラスの適用
モバイル デバイスで正しく表示されるようにするには、適切な Navbar クラスをコードに適用します。 :
または、ナビゲーションバーにカスタムの背景色を追加したり、トグル ボタンを暗くしたりすることもできます:
以上がBootstrap Navbar が小型デバイスで消えるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。