نمایش پنل های متفاوت در صفحه موبایل و دسکتاپ
چگونه یک پنل در صفحه گوشی نمایش داده شود ولی در صفحه دسکتاپ نمایش داده نشود و برعکس؟
در قسمت استایل پنلی که میخواهید در دسکتاپ نمایش داده شود این عبارت را وارد کنید:
d-none d-sm-none d-md-block
در قسمت استایل پنلی که میخواهید فقط در اندازه گوشی نمایش داده شود این عبارت را وارد کنید:
d-block d-sm-block d-md-none
به طور مثال اگر بخواهید یک اسلاید شو فقط در صفحه دسکتاپ نمایش داده شود و یک اسلاید شو دیگر در صفحه موبایل باید این مراحل را طی کنید
- ابتدا در قسمت پنل ها دو پنل اسلاید شو ایجاد کنید.
- در مرحله دوم موقعیت پنل ها را زیر هم قرار دهید.
- در قسمت استایل پنل اسلاید شو که میخواهید در دسکتاپ نمایش داده شود این عبارت را وارد کنید:
d-none d-sm-none d-md-block
4.در قسمت استایل پنل اسلاید شو که میخواهید در صفحه موبایل نمایش داده شود این عبارت را وارد کنید:
d-block d-sm-block d-md-none
