in English

سرحدوں

کسی عنصر کے بارڈر اور بارڈر ریڈیئس کو تیزی سے اسٹائل کرنے کے لیے بارڈر یوٹیلیٹیز کا استعمال کریں۔ تصاویر، بٹن، یا کسی دوسرے عنصر کے لیے بہت اچھا ہے۔

بارڈر

کسی عنصر کے بارڈرز کو شامل کرنے یا ہٹانے کے لیے بارڈر یوٹیلیٹیز کا استعمال کریں۔ تمام سرحدوں سے یا ایک وقت میں ایک کا انتخاب کریں۔

اضافی

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

سرحدی رداس

کسی عنصر کے کونوں کو آسانی سے گول کرنے کے لیے اس میں کلاسز شامل کریں۔

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

سائز

استعمال کریں .rounded-lgیا .rounded-smبڑے یا چھوٹے سرحدی رداس کے لیے۔

<img src="..." alt="..." class="rounded-sm">
<img src="..." alt="..." class="rounded-lg">