Composants
Badge
Primary Secondary Success Info Warning Danger Light DarkLien
Primary Secondary Success Info Warning Danger Light DarkRedimensionnement automatique
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
Bouton
Contour
Petite
Grande
Regrouper
Menu déroulant
Nav et onglets
Par défaut
Tabulations
Navbar
Formulaire
Pagination
Fil d'Ariane
Liste-groupe
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
-
Sous-titreCras justo odio
Carte
Titre de carte
Quelques exemples de texte rapide pour compléter le titre de la carte et constituer l'essentiel du contenu de la carte
- Un élément
- Un deuxième élément
- Un troisième élément
Titre de carte
Voici une carte plus large, avec un texte d'accompagnement en dessous, qui mène naturellement à un contenu supplémentaire. Ce contenu est un peu plus long.
Mis à jour il y a 3 minutes
Alertes
C'est un "Primary" alerte avec un lien.
C'est un "Secondary" alerte avec un lien.
C'est un "Success" alerte avec un lien.
C'est un "Info" alerte avec un lien.
C'est un "Warning" alerte avec un lien.
C'est un "Danger" alerte avec un lien.
C'est un "Light" alerte avec un lien.
C'est un "Dark" alerte avec un lien.
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Un exemple d'alerte avec une icône
Modal
Utilitaires & Typographie
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Petite ombre
(shadow-sm)Moyenne ombre
(shadow)Grande ombre
(shadow-lg)Aucune bordure
(rounded-0)Bordure fine
(rounded-1)Bordure moyenne
(rounded-2)Bordure épaisse
(rounded-3)Affichage 1
Affichage 2
Affichage 3
Affichage 4
Affichage 5
Affichage 6
Titre 1
Titre 2
Titre 3
Titre 4
Titre 5
Titre 6
Texte principal
Paragraphe avec textes gras, muet et italique