ホームページ > ウェブフロントエンド > CSSチュートリアル > Bootstrap 5 の Navbar ドロップダウンが展開しないのはなぜですか?

Bootstrap 5 の Navbar ドロップダウンが展開しないのはなぜですか?

Linda Hamilton
リリース: 2024-12-29 22:12:30
オリジナル
226 人が閲覧しました

Why Doesn't My Bootstrap 5 Navbar Dropdown Expand?

Bootstrap 5 で Navbar ドロップダウンが静的なままになる

問題:

Bootstrap 5 で応答性の高いメニューまたはドロップダウン ボタンを作成する場合、ナビゲーション アイコンとドロップダウン アイコンが表示されますが、クリックしても展開できません。 jQuery ファイルが含まれているにもかかわらず、ドロップダウン メニューが表示されません。

原因:

Bootstrap 5 では、データ属性が「data-bs-*」に更新されました。の代わりに"data-target."

解決策:

コード内の次の行を

<button>
ログイン後にコピー
ログイン後にコピー

この更新された行に置き換えます:

<button>
ログイン後にコピー
ログイン後にコピー

追加考慮事項:

  • Bootstrap 5 では、「mr-auto」や「ml-auto」などのスペース クラスの「ms-auto」や「me-auto」への置き換えなど、重大な変更が導入されました。 ."
  • 「data-bs-*」属性を使用すると、Bootstrap 5 の名前空間との互換性が確保され、サードパーティの名前空間と区別されます。 JavaScript コンポーネント。

以上がBootstrap 5 の Navbar ドロップダウンが展開しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート