La liste déroulante de la barre de navigation Bootstrap 5 ne fonctionne pas : comment résoudre les problèmes d'attributs de données ?

La liste déroulante de la barre de navigation ne fonctionne pas dans Bootstrap 5 : résolue

Lors de la création d'un menu de navigation réactif avec Bootstrap 5, les utilisateurs ont rencontré des problèmes avec la fonctionnalité de liste déroulante . Malgré les icônes nécessaires et l'inclusion de jQuery, le menu déroulant n'apparaît pas lorsque vous cliquez sur les boutons de navigation ou déroulants.

Solution :

Dans Bootstrap 5, data- Les attributs précédemment utilisés dans Bootstrap 4 ont été mis à jour vers data-bs- pour différencier la fonctionnalité Bootstrap des autres codes. Ce changement a eu un impact sur les attributs utilisés pour les plugins JavaScript, notamment la réduction de la barre de navigation. Pour garantir un bon fonctionnement, remplacez les attributs data- par data-bs- comme suit :

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>

Démo :

[Insérer un fichier de travail démo ici]

Supplémentaire Considérations :

• Bootstrap 5 est une mise à jour importante qui introduit des modifications importantes.
• Les classes mr-auto/ml-auto précédemment utilisées ont été remplacées par ms-auto/me -auto.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!