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