Source

Mipaka

Tumia huduma za mpaka ili kuweka mtindo wa haraka wa mpaka na kipenyo cha kipengee. Inafaa kwa picha, vifungo, au kipengele kingine chochote.

Mpaka

Tumia huduma za mpaka ili kuongeza au kuondoa mipaka ya kipengele. Chagua kutoka kwa mipaka yote au moja kwa wakati mmoja.

Nyongeza

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

Kupunguza

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

Rangi ya mpaka

Badilisha rangi ya mpaka kwa kutumia huduma zilizojengwa kwenye rangi za mandhari.

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

Mpaka-radius

Ongeza madarasa kwenye kipengele ili kuzungusha pembe zake kwa urahisi.

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

Ukubwa

Tumia .rounded-lgau .rounded-smkwa radius kubwa au ndogo ya mpaka.

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