in English
Les frontières
Utilisez les utilitaires de bordure pour styliser rapidement la bordure et le rayon de bordure d'un élément. Idéal pour les images, les boutons ou tout autre élément.
Frontière
Utilisez les utilitaires de bordure pour ajouter ou supprimer les bordures d'un élément. Choisissez parmi toutes les bordures ou une à la fois.
Additif
<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>
soustractif
<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>
Couleur de la bordure
Modifiez la couleur de la bordure à l'aide d'utilitaires construits sur nos couleurs de thème.
<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>
Bordure-rayon
Ajoutez des classes à un élément pour arrondir facilement ses angles.
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded-top" alt="...">
<img src="..." class="rounded-right" alt="...">
<img src="..." class="rounded-bottom" alt="...">
<img src="..." class="rounded-left" alt="...">
<img src="..." class="rounded-circle" alt="...">
<img src="..." class="rounded-pill" alt="...">
<img src="..." class="rounded-0" alt="...">
Tailles
Utilisez .rounded-lg
ou .rounded-sm
pour un rayon de bordure plus grand ou plus petit.
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">