Source

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.

75x75 75x75 75x75 75x75 75x75 75x75 75x75 
<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-0">