Que sont les boutons de style bootstrap ?

青灯夜游
Libérer: 2021-12-28 15:52:11
original
5760 Les gens l'ont consulté

Les boutons de style bootstrap incluent : 1. Bouton gris arrondi « .btn » ; 2. Grand bouton « .btn-lg » ; 3. Petit bouton « .btn-sm » 4. Super petit bouton « .btn-xs » ; Bouton ; 5. Bouton de niveau bloc ".btn-block" ; 6. Bouton de style désactivé ".disabled", etc.

Que sont les boutons de style bootstrap ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, bootsrap version 3.3.7, ordinateur DELL G3

Résumé du style du bouton bootstrap

Style de classe Description
.btn Bouton gris arrondi, afin de rendre le bouton moins net, nos boutons doivent tous utiliser ce style pour obtenir un coin de forme ronde, puis superposez-le avec d'autres éléments.
.btn-default Bouton par défaut/standard, le blanc est gris lorsqu'on appuie dessus.
.btn-primary Style de bouton original (non actionné), cela correspond à actif, qui est le style d'un bouton qui n'a pas été actionné, et actif est le style correspondant affiché lorsque l'on clique sur le bouton.
.btn-success indique une action réussie
.btn-info Ce style peut être utilisé pour les boutons qui souhaitent afficher des informations
.btn-warning indique les boutons qui nécessite une opération minutieuse
.btn-danger représente une action dangereuse du bouton d'action
.btn-link fait ressembler le bouton à un lien (conserve toujours le comportement du bouton)
.btn- lg Grand bouton
.btn-sm Petit bouton
.btn-xs Extra petit bouton
.btn-block Bouton de niveau bloc (étiré à 1 00% de la largeur de l'élément parent) Lorsque le bouton
.active est cliqué, le bouton aura un aspect enfoncé (fond sombre, bordure sombre, ombre) lorsqu'il est activé.
.disabled Désactivez le bouton, la couleur sera 50% plus claire et le dégradé sera perdu.

Groupe de boutons de base

Copier après la connexion

Que sont les boutons de style bootstrap ?

Taille du bouton

Copier après la connexion

Que sont les boutons de style bootstrap ?

Pour plus de connaissances sur le bootstrap, veuillez visiter :Tutoriel de base du bootstrap! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!