====== 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 :

<code html>
<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>
</code>

===== 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** |