Styleguide Bootstrap Kimoun
Cette page sert de référence visuelle pour vérifier le rendu des composants Bootstrap avec le thème Kimoun.
Typographie
Heading h1
Heading h2
Heading h3
Heading h4
Texte standard avec un lien, du gras, de l'italique, du texte marqué et du petit texte.
Une citation de test pour valider les styles de contenu éditorial.
Grille Bootstrap
`col-12 col-md-8`
`col-12 col-md-4`
`col-6 col-lg-3`
`col-6 col-lg-3`
`col-6 col-lg-3`
`col-6 col-lg-3`
Couleurs & Badges
primary
secondary
success
info
warning
danger
light
dark
Bloc primary
Bloc secondary
Bloc light
Navbar
Boutons
Alerts
Alerte primary
Alerte secondary
Alerte success
Alerte info
Alerte warning
Alerte danger
Images, Figure & Ratio
Cards
Header
Card avec header
Variation pour valider bordure et structure.
Card dark
Version contrastée pour test dark/foreground.
Utilities
`shadow-sm`
`border-primary`
`text-bg-primary`
`opacity-75`
Texte uppercase |
Texte italic |
Texte souligné
Visible en mobile (`d-md-none`)
Visible desktop (`d-none d-md-inline-block`)
List Group
- Élément actif
- Élément normal
- Élément normal
- Élément désactivé
Accordion
Contenu de l'item 1.
Contenu de l'item 2.
Nav Tabs & Pills
Contenu Home
Contenu Profile
Contenu Contact
Forms
Tableaux
| # | Service | Statut | Priorité |
|---|---|---|---|
| 1 | Site vitrine | Actif | Haute |
| 2 | Hébergement | En cours | Moyenne |
| 3 | Support | Planifié | Basse |
Progress & Spinners
Loading...
Loading...
Loading...
Modal, Offcanvas, Dropdown
Offcanvas
Bloc offcanvas de test.
Breadcrumb & Pagination
Toast (style statique)
Kimoun
à l'instant
Ceci est un toast Bootstrap pour valider les styles.
