Source

Ahye a ɛwɔ hɔ

Fa border utilities di dwuma de yɛ element bi border ne border-radius no ntɛmntɛm. Great ma mfonini ahorow, buttons, anaa element foforo biara.

Hyeɛ so

Fa border utilities di dwuma de fa element bi borders ka ho anaa yi fi hɔ. Paw fi ahye nyinaa mu anaa biako biara.

Nneɛma a wɔde ka ho

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

Nneɛma a wɔtwe fi mu

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

Kɔla a ɛwɔ ɔhye so

Sesa border color no denam utilities a wɔasisi wɔ yɛn theme colors so no so.

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

Ɔhye-radius

Fa adesua ahorow ka element bi ho ma ɛnyɛ den sɛ ɛbɛbɔ ne ntwea so.

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

Nneɛma akɛse

Fa .rounded-lganaa di dwuma .rounded-smma border-radius akɛse anaa nketewa.

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