Grænser

Brug kantværktøjer til hurtigt at style et elements kant og kantradius. Fantastisk til billeder, knapper eller ethvert andet element.

Grænse

Brug kantværktøjer til at tilføje eller fjerne et elements kanter. Vælg mellem alle kanter eller én ad gangen.

Tilsætningsstof

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

Subtraktiv

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

Kantfarve

Skift kantfarven ved hjælp af værktøjer bygget på vores temafarver.

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

Grænse-radius

Tilføj klasser til et element for nemt at runde dets hjørner.

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

Størrelser

Brug .rounded-lgeller .rounded-smtil større eller mindre kantradius.

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