in English

Grenzen

Benotzt Grenz Utilities fir séier d'Grenz an d'Grenzradius vun engem Element ze styléieren. Super fir Biller, Knäppercher oder all aner Element.

Grenz

Benotzt Grenz Utilities fir d'Grenzen vun engem Element ze addéieren oder ze läschen. Wielt aus all Grenzen oder eng gläichzäiteg.

Additiv

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

Subtraktiv

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

Grenz Faarf

Ännert d'Grenzfaarf mat Utilities, déi op eis Themafarben gebaut sinn.

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

Grenzradius

Füügt Klassen un en Element fir seng Ecker einfach ze ronnen.

Example rounded image 75x75 Example top rounded image 75x75 Example right rounded image 75x75 Example bottom rounded image 75x75 Example left rounded image 75x75 Completely round image 75x75 Rounded pill image 150x75 Example non-rounded image (overrides rounding applied elsewhere) 75x75
<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="...">

Gréissten

Benotzt .rounded-lgoder .rounded-smfir méi grouss oder méi kleng Grenzradius.

Example small rounded image 75x75 Example large rounded image 75x75
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">