Résumé : Les principaux styles de boutons d'amorçage sont : bouton de base, bouton par défaut, bouton principal, bouton de réussite, bouton d'information, bouton d'avertissement, danger bouton, bouton de lien.
1. Introduction aux boutons :
Les boutons sont également l'un des contenus principaux du framework Bootstrap. Parce que les boutons sont un élément indispensable dans la production Web.
Et différentes pages Web ont des styles de boutons différents, et même le même site Web ou la même application Web a plusieurs styles de boutons, tels que différentes couleurs, tailles et états de boutons.
Bootstrap Framework V3. Les boutons de base de la version .x sont les mêmes que les boutons de base de la version V2.x et sont implémentés via le nom de classe « btn ».
La différence est que la version V3.x est beaucoup plus simple, et un grand nombre d'effets spéciaux en CSS3 dans la V2 ), border shadow (box-shadow), etc. Le framework Bootstrap prend en compte les différences d'analyse des différents navigateurs et effectue un traitement de compatibilité relativement sûr afin que les effets des boutons soient fondamentalement les mêmes dans les différents navigateurs.
Pour le code source, veuillez vous référer aux lignes 1992 à 2010 du fichier bootstrap.css :
Les boutons du framework Bootstrap sont très simples à utiliser. La méthode d'utilisation est la suivante :
Le framework Bootstrap transmet d'abord le nom de classe de base ".btn" définit un style de bouton de base, puis ".btn-default" définit un style de bouton par défaut.
Le style de bouton par défaut est basé sur le style de bouton de base avec une couleur d'arrière-plan, une couleur de bordure et une couleur de texte modifiées.
Pour le code source, veuillez vous référer aux lignes 2040 à 2044 du fichier bootstrap.css
Utiliser le style de bouton par défaut est également très simple, il suffit d'ajouter le code de base bouton "btn" En gros, ajoutez simplement le nom de la classe "btn-default":
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn