Grins

Brûk grinshelpprogramma's om de grins en grinsradius fan in elemint fluch te stylearjen. Geweldich foar ôfbyldings, knoppen, of in oar elemint.

Grins

Brûk grinshelpprogramma's om de grinzen fan in elemint ta te foegjen of te ferwiderjen. Kies út alle grinzen of ien foar ien.

Additive

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

Subtraktyf

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

Border kleur

Feroarje de rânekleur mei helpprogramma's boud op ús temakleuren.

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

Border-radius

Foegje klassen ta oan in elemint om syn hoeken maklik te rûnen.

<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

Brûk .rounded-lgof .rounded-smfoar gruttere of lytsere grinsradius.

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