Hranice

Pomocí nástrojů pro ohraničení rychle upravte ohraničení a poloměr ohraničení prvku. Skvělé pro obrázky, tlačítka nebo jakýkoli jiný prvek.

okraj

Pomocí nástrojů pro ohraničení můžete přidat nebo odebrat ohraničení prvku. Vyberte si ze všech okrajů nebo po jednom.

Přísada

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

Subtraktivní

<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 ohraničení

Změňte barvu ohraničení pomocí nástrojů postavených na našich barvách motivu.

<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í poloměr

Přidejte třídy k prvku, abyste snadno 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="...">

Velikosti

Použijte .rounded-lgnebo .rounded-smpro větší nebo menší poloměr okraje.

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