Grense

Gebruik grenshulpmiddels om die rand en grensradius van 'n element vinnig te stileer. Ideaal vir beelde, knoppies of enige ander element.

Grens

Gebruik grenshulpprogramme om 'n element se grense by te voeg of te verwyder. Kies uit alle grense of een op 'n slag.

Byvoeging

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

Subtraktief

<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 die randkleur met nutsprogramme wat op ons temakleure gebou is.

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

Grens-radius

Voeg klasse by 'n element om sy hoeke maklik af te rond.

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

Groottes

Gebruik .rounded-lgof .rounded-smvir groter of kleiner rand-radius.

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