Gränser

Använd gränsverktyg för att snabbt utforma gränsen och gränsradien för ett element. Perfekt för bilder, knappar eller andra element.

Gräns

Använd kantverktyg för att lägga till eller ta bort ett elements kanter. Välj mellan alla kanter eller en åt gången.

Tillsats

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

Gräns färg

Ändra kantfärgen med hjälp av verktyg som bygger på våra temafärger.

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

Lägg till klasser till ett element för att enkelt runda dess hörn.

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

Storlekar

Använd .rounded-lgeller .rounded-smför större eller mindre kantradie.

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