ابزارهای ریسپانسیو

هر روز از کار کردن الهام می گیرد.

من فقط در دستگاه های بزرگ قابل مشاهده هستم: دسکتاپ (بزرگ) :)

من فقط در دستگاه های متوسط قابل مشاهده هستم: لپ تاپ :)

من فقط در دستگاه های کوچک قابل مشاهده هستم: تب لت :)

من فقط در دستگاه های بسیار کوچک قابل مشاهده هستم: موبایل ها :)

کلاس های موجود

از یک یا ترکیبی از کلاس‌های موجود برای جابجایی محتوا در نقاط شکست صفحه نمایش استفاده کنید.

کلاس های موجود دستگاه های بسیار کوچک موبایل ها (<768px) دستگاه های کوچک تب لت ها (≥768px) دستگاه های متوسط دسکتاپ ها (≥992px) دستگاه های بزرگ دسکتاپ ها (≥1200px)
d-block d-md-none قابل رویت
d-none d-md-block d-lg-none قابل رویت
d-none d-lg-block d-xl-none قابل رویت
d-none d-xl-block قابل رویت
d-none d-md-block قابل رویت قابل رویت قابل رویت
d-md-none d-lg-block قابل رویت قابل رویت قابل رویت
d-lg-none d-xl-block قابل رویت قابل رویت قابل رویت
d-xl-none d-xl-block قابل رویت قابل رویت قابل رویت

کلاس های چاپ

مشابه کلاس‌های واکنشگرای معمولی، از این کلاس‌ها برای تغییر محتوا برای چاپ استفاده کنید.

کلاس ها مرورگر چاپ
.visible-print-block
.visible-print-inline
.visible-print-inline-block 		قابل رویت
.hidden-print قابل رویت