in English
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-lg
nebo .rounded-sm
pro větší nebo menší poloměr okraje.
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">