Outils pour utilisateurs

Outils du site


html_css:bootstrap5:start

Bootstrap 5

Breakpoints
xs ⇐576px
sm >=576px
md >=768px
lg >=992px
xl >=1200px
xxl >=1400px
Couleurs de texte
text-primary, text-secondary, text-muted
text-success, text-info, text-warning, text-danger
text-body, text-white, text-dark, text-light
Couleurs de fond
bg-primary, bg-secondary
bg-success, bg-info, bg-warning, bg-danger
bg-dark, bg-light
Couleurs de fond + texte assorties
text-bg-primary, text-bg-secondary
text-bg-success, text-bg-info, text-bg-warning, text-bg-danger
text-bg-dark, text-bg-light
Margin et Padding
{property}{sides}-{size} pour xs
{property}{sides}-{breakpoint}-{size} pour sm, md, lg, xl, xxl
m/p (all) 0 (0)
m/p t (top) 1 (.25rem)
m/p b (bottom) 2 (.5rem)
m/p s (left/start) 3 (1rem)
m/p e (right/end) 4 (1.5rem)
m/p x (all horiz.) 5 (3rem)
m/p y (all vert.) auto
Bordures
border Ajout d'une bordure sur les 4 bords
border-top, border-bottom ou en haut, en bas
border-start, border-end ou à gauche, à droite
Largeur de bordure
border-0, -1, -2, -3, -4, -5
À combiner avec border-xxx pour spécifier une largeur
Couleur de bordure
border-primary, -secondary, - success, -danger, -warning, -info, -light, - dark, -white
À combiner avec border-xxx pour spécifier une couleur
Coins arrondis
rounded Ajout d'un arrondi aux 4 coins
rounded-top, rounded-bottom ou en haut, en bas
rounded-start, rounded-end ou à gauche, à droite
rounded-circle, rounded-pill
rounded-0, -1, -2, -3, -4, -5
html_css/bootstrap5/start.txt · Dernière modification: 2023/07/27 11:38 par marclebrun