کلاس مخفی کردن در bootsrap4

[nekouy7nk 5]

سلام به همه دوستان

در بوت اسارپ 4 ،در قسمت گرید سیستم ،کلاس مخفی کردن یک عنصر در حالت های دکستاپ یا تبلت یا موبایل حذف شده یا هنوز هم هستش؟ ایا راه حل دیگری برای مخفی کردن یک عنصر وجود  دارد؟ لطفا راهنمایی بفرمایید ممنون

[levelup 256]

سلام

بله هستش.

راحت ترین راه استفاده از کلاس های سری -d. هست. فرمول کلی به این صورت هست:

.d-{breakpoint}-{value}

که breakpoint همون اندازه نمایشگر در سایز های SM و MD و LG و XL هست و value هم یکی از مقادیر صفت display شامل:

none
inline
inline-block
block
table
table-cell
table-row
flex
inline-flex

هست. برای مخفی کردن یک عنصر در سایز XS هم از d-none می تونی استفاده کنی. 

نحوه استفاده از این کلاس ها هم به این صورت هست که به عنوان مثال می خواید یک div در سایز موبایل یعنی XS مخفی و در سایز LG نمایش داده بشه. بنابراین اینطوری می نویسیش:

<div class="d-none d-lg-block">
  
  
</div>

توجه داشته باش وقتی از d-none استفاده می کنی دیگه لازم نیست برای تک تک brackpoint ها از کلاس های سری -d. استفاده کنی. وقتی کلاس d-none رو مینویسی عنصر div در تمام اندازه ها مخفی میشه و وقتی کلاس d-lg-block رو می نویسی به سایز های بعد از LG یعنی LG و XL هم اعمال میشه.

ترکیب کلاس های -col با -d. خیلی کارت رو در نمایش محتوای سایت منعطف می کنه.