Piirid

Kasutage äärise utiliite, et kiiresti stiilida elemendi ääris ja äärise raadius. Suurepärane piltide, nuppude või muude elementide jaoks.

Piir

Kasutage elemendi ääriste lisamiseks või eemaldamiseks ääriste utiliite. Valige kõigi ääriste hulgast või ükshaaval.

Lisand

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

Lahutav

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

Ääriste värv

Muutke äärise värvi, kasutades meie teemavärvidele ehitatud utiliite.

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

Piiriraadius

Lisage elemendile klassid, et selle nurgad hõlpsalt ümardada.

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

Suurused

Kasutage .rounded-lgvõi .rounded-smsuurema või väiksema piiriraadiuse jaoks.

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