in English
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-lg
eller .rounded-sm
för större eller mindre kantradie.
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">