grenzen

Gebruik randhulpprogramma's om snel de rand en randradius van een element op te maken. Geweldig voor afbeeldingen, knoppen of andere elementen.

Grens

Gebruik randhulpprogramma's om de randen van een element toe te voegen of te verwijderen. Kies uit alle randen of één tegelijk.

Additief

<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>

subtractief

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

Rand kleur

Verander de randkleur met behulp van hulpprogramma's die zijn gebouwd op onze themakleuren.

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

Grensradius

Voeg klassen toe aan een element om de hoeken gemakkelijk af te ronden.

<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">

Maten

Gebruik .rounded-lgof .rounded-smvoor grotere of kleinere grensradius.

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