Meje

Uporabite pripomočke za obrobo za hitro oblikovanje obrobe in polmera obrobe elementa. Odlično za slike, gumbe ali kateri koli drug element.

Meja

Uporabite pripomočke za obrobe, da dodate ali odstranite obrobe elementa. Izbirajte med vsemi mejami ali eno po eno.

Dodatek

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

Subtraktivna

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

Barva obrobe

Spremenite barvo obrobe s pripomočki, zgrajenimi na barvah naše teme.

<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

Dodajte razrede elementu, da preprosto zaokrožite njegove vogale.

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

Velikosti

Uporabite .rounded-lgali .rounded-smza večji ali manjši polmer obrobe.

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