Warum wird mein Navigationsleisten-Dropdown in Bootstrap 5 nicht ausgeblendet?

Fehlerbehebung beim Zusammenklappen der Navbar-Dropdown-Funktion in Bootstrap 5

Bootstrap 5 bringt erhebliche Änderungen mit sich, einschließlich Änderungen an den Datenumschaltattributen für JavaScript-Plugins. Um das Problem zu beheben, dass das Navigationsleisten-Dropdown in Bootstrap 5 nicht funktioniert, müssen diese Attribute aktualisiert werden.

In früheren Bootstrap-Versionen wurde die Minimierungsfunktion durch das Attribut data-toggle="collapse" initiiert . Allerdings erfordert Bootstrap 5 stattdessen die Verwendung von data-bs-toggle="collapse".

Ebenso das Attribut data-target, das die ID von angibt Das Element, das reduziert oder erweitert werden soll, sollte auf aktualisiert werden data-bs-target.

Aktualisierter Code:

<button>

Zusätzlich zu den oben genannten Änderungen ist es wichtig zu beachten, dass Bootstrap 5 hat neue Klassen eingeführt für margins:

• mr-auto, die Autoklasse für den rechten Rand, wird durch me-auto ersetzt.
• ml -auto, die Autoklasse für den linken Rand, wird ersetzt durch ms-auto.

Durch die Einbindung dieser Updates sollte die Dropdown-Klappfunktion der Navigationsleiste wie erwartet in Bootstrap 5 funktionieren.

Das obige ist der detaillierte Inhalt vonWarum wird mein Navigationsleisten-Dropdown in Bootstrap 5 nicht ausgeblendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!