in English
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-lg
of .rounded-sm
vir groter of kleiner rand-radius.
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">