Granice

Upotrijebite pomoćne programe za rubove za brzo oblikovanje ruba i radijusa ruba elementa. Izvrstan za slike, gumbe ili bilo koji drugi element.

Granica

Upotrijebite pomoćne programe za rubove za dodavanje ili uklanjanje rubova elementa. Odaberite između svih granica ili jednu po jednu.

Aditiv

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

Boja obruba

Promijenite boju obruba pomoću pomoćnih programa izgrađenih na našim bojama 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>

Rubni radijus

Dodajte klase elementu kako biste jednostavno zaokružili njegove kutove.

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

Veličine

Koristite .rounded-lgili .rounded-smza veći ili manji radijus granice.

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