پرسش

چرا کلاس‌ های visible و hidden در بوت استرپ جدید وجود ندارن؟

Why are the visible and hidden classes missing in Bootstrap?

چرا در نسخه‌ های جدید بوت استرپ، کلاس‌های visible و hidden وجود ندارن؟   راهی برای پنهان کردن یا نمایش المان‌ها در بوت استرپ 5 وجود دارد؟

1403/05/31
پاسخ

سلام در بوت استرپ 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 می‌تونی به راحتی کنترل کنی که المان‌ها در چه شرایطی نمایش داده بشن یا پنهان بشن.

پاسخ: 1403/05/31
آخرین آپدیت: 1403/07/19