حاشیه‌ها
ابزارهای حاشیه به شما این امکان را می دهند که حاشیه عناصر نمایشگر خود را تغییر دهید
حاشیه‌های پایه بوت استرپ
افزودنی:
حاشیه کامل
.border
حاشیه بالا
.border-top
حاشیه پایان
.border-end
حاشیه پایین
.border-bottom
حاشیه شروع
.border-start
با افزودن کلاس های به المان داخواه
حاشیه
به المان اضافه میشود.
حذف حاشیه:
حذف کامل حاشیه
.border-0
حذف بالای حاشیه
.border-top-0
حذف پایان حاشیه
.border-end-0
حذف پایین حاشیه
.border-bottom-0
حذف شروع حاشیه
.border-start-0
با استفاده از کلاس های بالا میتوانید حاشیه را
حذف
حذف کنید
رنگ بندی حاشیه
رنگ بندی پیشفرض حاشیه بوت استرپ:
اولیه
.border-primary
ثانویه
.border-secondary
موفق
.border-success
خطر
.border-danger
اخطار
.border-warning
اطلاعات
.border-info
روشن
.border-light
تاریک
.border-dark
سفید
.border-white
رنگ‌های حاشیه مخصوص حالت بوت استرپ را می‌توان در هماهنگی با ابزارهای حاشیه اضافه یا تفریق بالا استفاده کرد.
رنگ های حاشیه توسعه یافته:
قرمز
.border-red
نارنجی
.border-orange
زرد
.border-yellow
سبز
.border-green
سبز روشن
.border-teal
فیروزه ای
.border-cyan
آبی
.border-blue
نیلی آبی
.border-indigo
بنفش
.border-purple
صورتی
.border-pink
سیستم رنگی توسعه یافته SB Admin Pro به شما امکان می دهد از رنگ های حاشیه غیر متنی به جای رنگ های خاص استفاده کنید.
شعاع شعاع (Radius) پیش فرض بوت استرپ
گوشه های گرد:
کامل
.rounded
بالا
.rounded-top
پایان
.rounded-end
پایین
.rounded-bottom
شروع
.rounded-start
حذف کامل
.rounded-0
ابزارهای حاشیه بالا گوشه های عنصر شما را بر اساس ابزاری که مشخص می کنید گرد می کنند. می توانید آنها را با هم استفاده کنید!
سایر کلاس ها:
.rounded-circle
.rounded-pill
توصیه می شود فقط از
.rounded-circle
استفاده کنید
برای مربع کردن از
.rounded-pill
استفاده کنید
اندازه های شعاع حاشیه بوت استرپ پیش فرض
کوچک
.rounded-sm
پیشفرض
.rounded
بزرگ
.rounded-lg
خیلی بزرگ
.rounded-xl
برای تغییر اندازه ها میتوانید فایل
../assets/css/style.css
ویرایش کنید
ضخامت حاشیه سفارشی
کامل عادی
.border
کامل ضحیم
.border .border-lg
بالا ضحیم
.border-top .border-lg
پایان ضحیم
.border-end .border-lg
پایین ضحیم
.border-bottom .border-lg
شروع ضحیم
.border-start .border-lg
برای تغییر به ضخامت کلفت از کلاس
.border-lg
استفاده کنید
ترکیب بندی
ترکیب پایه:
ابزارهای موقعیت حاشیه، شعاع، رنگ و ضخامت را با هم ترکیب کنید!
ابزارهای موقعیت حاشیه، شعاع، رنگ و ضخامت را با هم ترکیب کنید!
ابزارهای موقعیت حاشیه، شعاع، رنگ و ضخامت را با هم ترکیب کنید!
ابزارهای موقعیت حاشیه، شعاع، رنگ و ضخامت را با هم ترکیب کنید!
با ترکیب کلاس‌های کاربردی، میتوانید از ایجاد مؤلفه‌های سفارشی خود، صرفه‌جویی در زمان و کاهش نفخ CSS در طول پروژه خود جلوگیری کنید!
کارت های اصلاح شده:
این یک کارت سفارشی با حاشیه ضخیم و رنگی است.
این یک کارت سفارشی با حاشیه ضخیم و رنگی است.
این یک کارت سفارشی با حاشیه ضخیم و رنگی است.
این یک کارت سفارشی با حاشیه ضخیم و رنگی است.
از کلاس های کاربردی برای تغییر سبک اجزا در پرواز استفاده کنید! اگر کامپوننت قبلاً به طور پیش فرض دارای حاشیه باشد، نیازی به استفاده از کلاس های ابزار مرزی پیش فرض ندارید.
هشدارهای اصلاح شده:
هر عنصری که قبلاً یک حاشیه تعریف شده به طور پیش فرض داشته باشد، نیازی به استفاده از ابزارهای حاشیه Bootstrap ندارد!