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>

سرحدی رداس

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

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

سائز

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

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