2 پست در این موضوع

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

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

Share this post


Link to post
Share on other sites

سلام

بله هستش.

راحت ترین راه استفاده از کلاس های سری -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. خیلی کارت رو در نمایش محتوای سایت منعطف می کنه.

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری