مرز ها
از ابزارهای مرزی برای استایل سریع حاشیه و شعاع حاشیه یک عنصر استفاده کنید. برای تصاویر، دکمه ها یا هر عنصر دیگری عالی است.
مرز
از ابزارهای حاشیه برای افزودن یا حذف حاشیه های یک عنصر استفاده کنید. از بین تمام مرزها یا یکی در یک زمان انتخاب کنید.
افزودنی
<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">