Source

Iyakoki

Yi amfani da kayan aikin kan iyaka don saurin tsara iyaka da radius-iyaka na wani abu. Mai girma don hotuna, maɓalli, ko kowane abu.

Iyaka

Yi amfani da abubuwan amfani kan iyaka don ƙara ko cire iyakokin wani abu. Zaɓi daga duk iyakoki ko ɗaya a lokaci guda.

Ƙara

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

Ragewa

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

Launin kan iyaka

Canja launin iyaka ta amfani da kayan aikin da aka gina akan jigon jigon mu.

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

Border-radius

Ƙara azuzuwan zuwa kashi don zagaye sasanninta cikin sauƙi.

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="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-pill">
<img src="..." alt="..." class="rounded-0">

Girman girma

Yi amfani .rounded-lgko .rounded-smdon girma ko ƙarami-radius kan iyaka.

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