Source

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.

75x75 75x75 75x75 75x75 75x75 75x75 75x75 
<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-0">