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="..." 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-pill">
<img src="..." alt="..." class="rounded-0">Veľkosti
Použite .rounded-lgalebo .rounded-smpre väčší alebo menší polomer okraja.
<img src="..." alt="..." class="rounded-sm">
<img src="..." alt="..." class="rounded-lg">