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="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-pill">
<img src="..." alt="..." class="rounded-0">

Tailles

Utilisez .rounded-lgou .rounded-smpour un rayon de bordure plus grand ou plus petit.

<img src="..." alt="..." class="rounded-sm">
<img src="..." alt="..." class="rounded-lg">