Quel est le rôle des attributs data-toggle dans Bootstrap ?

Les attributs de type data-toggle sont des attributs utilisés par l'API du framework CSS Bootstrap. Ces attributs existent grâce à nouvelle norme apparue avec HTML5.

Avant le langage HTML5, il n'existait pas d'attribut servant à contenir des informations sans être interprété. Chaque attribut avait sa définition propre et était interprété par le navigateur. Pour stocker des informations particulières, les bibliothèques et API du Web détournaient des attributs, comme l'attribut alt ou encore title.

La version 5 du langage HTML a ajouté un nouveau type d'attribut, qui n'est pas interprété par le navigateur. Ce sont tous les attributs dont le nom commence par les lettres data. Ils sont conçus pour stocker des données et ainsi être utilisables par les développeurs pour d'autres usages en dehors du langage HTML.

Bootstrap se base sur ces attributs pour stocker des informations nécessaires pour mettre en place les fonctionnalités du framework.
L'attribut data-toggle contient le type d'événement qui va être lié à un bouton :

data-toggle=modal /* Bouton qui ouvre une fenêtre modale */
data-toggle=dropdown /* Bouton qui ouvre un menu déroulant */
data-toggle=tab /* Bouton qui ouvre des onglets */

Bootstrap

Annonces Google