چرا کلاس های visible و hidden در بوت استرپ جدید وجود ندارن؟
Why are the visible and hidden classes missing in Bootstrap?
چرا در نسخه های جدید بوت استرپ، کلاسهای visible
و hidden
وجود ندارن؟ راهی برای پنهان کردن یا نمایش المانها در بوت استرپ 5 وجود دارد؟
سلام در بوت استرپ 5، کلاسهای visible
و hidden
حذف شدن. دلیلش اینه که بوت استرپ 5 از سیستمهای جدیدتری برای کنترل نمایش المان ها استفاده میکنه. به جای این کلاسها، از کلاسهای جدیدتری مثل d-none
، d-block
،
d-inline
و d-inline-block
برای پنهان کردن یا نمایش المانها استفاده میکنیم. این کلاسها بهطور خاص تر و کاربردی تر هستن و با قابلیت های بوت استرپ 5 سازگارترن
برای مثالd-none
برای پنهان کردن کامل یک المانه d-block
برای نمایش المان بهصورت بلاکd-inline
برای نمایش المان بهصورت درون خطیهd-inline-block
برای نمایش المان بهصورت بلاک - درون خطیه اینم بدون که میتونی با استفاده از سیستمهای responsive
بوت استرپ 5 هم نمایش یا پنهان کردن المانها رو با توجه به اندازه صفحه نمایش کنترل کنی. برای مثالd-sm-none
پنهان کردن المان تو صفحات کوچکتر از d-md-block
نمایش المان به صورت بلوکی در صفحات با اندازه md
و بزرگتر اینجوری با استفاده از کلاسهای جدید بوت استرپ 5 میتونی به راحتی کنترل کنی که المانها در چه شرایطی نمایش داده بشن یا پنهان بشن.