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

Bootstrap 5 での Navbar ドロップダウンの折りたたみのトラブルシューティング

Bootstrap 5 では、JavaScript プラグインのデータ切り替え属性の変更など、重要な変更が加えられています。 Bootstrap 5 でナビゲーションバーのドロップダウンが機能しない問題に対処するには、これらの属性を更新する必要があります。

以前の Bootstrap バージョンでは、折りたたみ機能は data-toggle="collapse" 属性によって開始されました。 。ただし、Bootstrap 5 では、代わりに data-bs-toggle="collapse" を使用する必要があります。

同様に、data-target 属性は、次の ID を指定します。折りたたむか展開する要素は、data-bs-target に更新する必要があります。

更新コード:

<button>

さらに上記の変更に加えて、Bootstrap 5 ではマージン用の新しいクラスが導入されたことに注意することが重要です。

• mr-auto (右マージン auto クラス) は me-auto.
• ml-auto (左マージン自動クラス) は、ms-auto.
これらの更新を組み込むことで、ナビゲーションバーのドロップダウン折りたたみ機能が Bootstrap 5 で期待どおりに機能するようになります。

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