in English

Robežas

Izmantojiet apmales utilītas, lai ātri noformētu elementa apmali un apmales rādiusu. Lieliski piemērots attēliem, pogām vai jebkuram citam elementam.

Robeža

Izmantojiet apmales utilītas, lai pievienotu vai noņemtu elementa apmales. Izvēlieties no visām apmalēm vai pa vienai.

Piedeva

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

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

Apmales krāsa

Mainiet apmales krāsu, izmantojot utilītas, kas izveidotas uz mūsu motīvu krāsām.

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

Robeža-rādiuss

Pievienojiet elementam klases, lai viegli noapaļotu tā stūrus.

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

Izmēri

Izmantojiet .rounded-lgvai .rounded-smlielākam vai mazākam apmales rādiusam.

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