Outils pour utilisateurs
Panneau latéral
html_css:bootstrap4:utilitaires
Table des matières
Utilitaires
Dimensions
Les breakpoints par défaut sont définis comme suit :
| Largeur de la vue | |
|---|---|
| xs | < 576px |
| sm | >= 576px |
| md | >= 768px |
| lg | >= 992px |
| xl | >= 1200px |
Pour afficher dans la page à quel breakpoint on se situe :
<span class="d-block d-sm-none" >Breakpoint XS</span> <span class="d-none d-sm-block d-md-none">Breakpoint SM</span> <span class="d-none d-md-block d-lg-none">Breakpoint MD</span> <span class="d-none d-lg-block d-xl-none">Breakpoint LG</span> <span class="d-none d-xl-block" >Breakpoint XL</span>
Display
Doc: https://getbootstrap.com/docs/4.4/utilities/display/
| Classe | Effet |
|---|---|
| d-block | Visible à partir de xs et au-delà |
| d-sm-block | Visible à partir de sm et au-delà |
| d-md-block | Visible à partir de md et au-delà |
| d-lg-block | Visible à partir de lg et au-delà |
| d-xl-block | Visible à partir de xl |
| Classe | Effet |
|---|---|
| d-none | Invisible à partir de xs et au-delà |
| d-sm-none | Invisible à partir de sm et au-delà |
| d-md-none | Invisible à partir de md et au-delà |
| d-lg-none | Invisible à partir de lg et au-delà |
| d-xl-none | Invisible à partir de xl |
Margin et padding
doc: https://getbootstrap.com/docs/4.4/utilities/spacing/
| Property | Sides | Size | |
|---|---|---|---|
| m (margin) | - | ||
| p (padding) | - | ||
| t (top) | - | ||
| b (bottom) | - | ||
| l (left) | - | ||
| r (right) | - | ||
| x (left + right) | - | ||
| y (top + bottom) | - | ||
| blank (all sides) | - | ||
| - | 0 | ||
| - | 1 | ||
| - | 2 | ||
| - | 3 | ||
| - | 4 | ||
| - | 5 | ||
| - | auto |
html_css/bootstrap4/utilitaires.txt · Dernière modification: 2020/03/03 10:35 par marclebrun
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
