00:00:00 /00:00:00

سرفصل دوره

آموزش کامل Reboot در بوت استرپ 4

81,000 تومان
  • .دسترسی مادام العمر به ویدئوهای دوره
  • .دسترسی رایگان به آپدیت های دوره
  • .تدریس روان و ساده با کیفیت بالا
  • .سرفصل های بسیار جامع و غنی
1203فارغ التحصیل
avatar

مهدی عباسی

مهندس ارشد کارشناسی کامپیوتر
5

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....

نظرات دانشجویان

غزاله

1402/11/23

من دوره sql استاد رو هم دیدم .... در هر دو دوره واقعا بیان شفافی دارند.

سحر

1401/12/24

استاد عباسی واقعا زبان بیان خوبی دارند.خواستم ازایشون تشکر کنم

avatar
پشتیبانی1402/3/23
پشتیبان درسمن

سلام دوست عزیز، ممنون از همراهی و لطف شما 

محمد رضا محمدی

1401/4/15

من به تازگی با سایت شما آشنا شدم. از مطالب درسی شما مخصوصا html css بسیار لذت بردم . خود من احساس ناتوانی در یادگیری نمیکنم . بسیار عالی و مفید. از صفر تا صد . ارزش بسیار دارد که وقت بگذاری و آموزش آنهم با این درجه از کیفیت را ببینی. واقعا ممنونم ازتون.

avatar
پشتیبانی1401/4/18
پشتیبان درسمن

خیلی از شما ممنونیم و با این پیام های زیبا، بسیار به ما انرژی می دهید.

 

آموزش کامل Reboot در بوت استرپ 4

یادگیری 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 می‌شود.

 

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

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

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