Source

سرحدون

هڪ عنصر جي بارڊر ۽ بارڊر ريڊيس کي جلدي انداز ڪرڻ لاءِ بارڊر يوٽيلٽيز استعمال ڪريو. تصويرون، بٽڻ، يا ڪنهن ٻئي عنصر لاء بهترين.

سرحد

هڪ عنصر جي سرحدن کي شامل ڪرڻ يا ختم ڪرڻ لاءِ سرحدي افاديت استعمال ڪريو. سڀني سرحدن مان چونڊيو يا هڪ وقت ۾.

اضافو

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

ذليل

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

سرحد جو رنگ

اسان جي موضوع جي رنگن تي ٺهيل افاديت استعمال ڪندي سرحد جو رنگ تبديل ڪريو.

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

سرحد- ريڊيس

هڪ عنصر ۾ ڪلاس شامل ڪريو آساني سان ان جي ڪنڊن کي گول ڪرڻ لاءِ.

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