Bootstrap 5 の Navbar ドロップダウンが折りたたまれないのはなぜですか?

Bootstrap 5 のナビゲーションバー ドロップダウンの問題: 折りたたみが機能しない

Bootstrap 5 では、クリックしてもナビゲーションバーのドロップダウン メニューが折りたたまれない場合があります。この問題は、Bootstrap 4 から Bootstrap 5 への属性命名規則の変更により発生します。

この問題を解決するには、data- 属性を data-bs- に置き換えます。

<button>

次のように置き換えます:

<button>

追加の考慮事項

Bootstrap 5 では、いくつかの重大な変更が導入されています。特に、ml-auto クラスと mr-auto クラスは、それぞれ ms-auto と me-auto に置き換えられています。配置の問題を回避するには、これらのクラスが更新されていることを確認してください。

概要

Bootstrap 5 のナビゲーションバーのドロップダウンの折りたたみの問題を修正するには、data- 属性を data に置き換えます。 -bs- を実行し、ブートストラップ 5 のドキュメントに従ってクラスを調整します。これらの変更により、適切な機能と視覚的な一貫性が保証されます。

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