Hranice

Pomocou nástrojov na ohraničenie rýchlo upravte okraj a polomer okraja prvku. Skvelé pre obrázky, tlačidlá alebo akýkoľvek iný prvok.

Hranica

Na pridanie alebo odstránenie okrajov prvku použite pomocné programy na ohraničenie. Vyberte si zo všetkých okrajov alebo po jednom.

Aditívum

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

Subtraktívne

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

Farba okraja

Zmeňte farbu okraja pomocou nástrojov postavených na našich farbách motívu.

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

Hraničný polomer

Pridajte triedy k prvku, aby ste ľahko zaoblili jeho rohy.

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

Veľkosti

Použite .rounded-lgalebo .rounded-smpre väčší alebo menší polomer okraja.

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