یادگیری Reboot در bootstrap 4:

در این بخش از آموزش، با مفهوم Reboot در بوت استرپ 4 آشنا می‌شوید و همچنین به شما خواهیم گفت که بوت استرپ چگونه در استایل های پیش فرض مرورگرها تغییرات ایجاد می‌کند.
تا الان شاید اتفاق افتاده باشد که شما سایت خود را طراحی می‌کنید و هنگامی که با مرورگر mozila سایت خود را باز می‌کنید یک ظاهر دارد و با مرورگر chrome یک ظاهر دیگر، در واقع در مرورگرهای مختلف به شکل های مختلف نمایش داده می‌شود و معمولا دوست داشتنی نیست. اما با استفاده از ویژگی Reboot در بوت استرپ باعث می‌شود که سایت خود در مرورگر های مختلف به یک شکل نمایش داده شود و تنها تنظیمات خود را اعمال می‌کند.

Reboot: ساختار از پیش تعریف شده‌ای برای مرورگرها می‌باشد. در واقع حتی با تغییر تنظیمات مرورگر بوت استرپ تغییری نمی‌کند و روی آن اعمال نمی‌شود. عمل reboot چند قسمت را تغییر می‌دهد:

 

• Box-sizing: بوت استرپ به طور پیش فرض مقدار Box-sizing را border-box قرار می‌دهد.
• Font-family: نوع فونت‌ها را ثابت نگه می‌دارد.
• Font-size:  سایز متن را ثابت نگه می‌دارد.
• Line-height: ارتفاع خط‌ها را ثابت نگه می‌دارد.
• Margin-top: فاصله المان از بالا را ثابت نگه می‌دارد.
• Rem: بوت استرپ بیشتر براساس rem اندازه‌ها را مشخص می‌کند. این واحد سایز را نسبت به تگ html مشخص می‌کند. به صورت پیش فرض تگ html، 16px می‌باشد. مثلا اگر سایز المانی را 1.5rem مشخص کنیم، یعنی 1.5 برابر 16px که 24px می‌شود.

 

برای یادگیری این مبحث مثال ها و نکته های متعددی را در فایل ویدئویی آورده ایم که با تهیه این درس و مشاهده ویدئو ها به طور کامل به این مبحث مسلط خواهید شد.

امیدواریم که این آموزش برای شما دوستان درسمنی عزیز مفید باشد، درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید.پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.

انجمن برنامه نویسان وب