آموزش کامل کار با Spacing در بوت استرپ 4 (ادامه مبحث Utility)


آموزش کامل کار با Spacing در بوت استرپ 4 (ادامه مبحث Utility)
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.

یادگیری spacing در بوت استرپ 4:


در این بخش از آموزش، با مبحث بسیار کاربردی spacing آشنا می‌شوید، spacing در واقع همان paddind و margin هستند، که به شدت نیازمند آن ها هستیم.


در این درس با کلاس های کاربردی spacing آشنا می‌شوید که شامل:

  • m: ازاین کلاس برای تنظیم margin استفاده می‌شود.
  • p: ازاین کلاس برای تنظیم padding استفاده می‌شود.
  • t: از این کلاس برای تعیین margin-top و padding-top استفاده می‌شود.
  • b: از این کلاس برای تعیین margin- bottom و padding- bottom استفاده می‌شود.
  • l: از این کلاس برای تعیین margin- left و padding- left استفاده می‌شود.
  • r: از این کلاس برای تعیین margin- right و padding- right استفاده می‌شود.
  • x (*-left  and  *-right): از کلاس x برای تعیین margin-right ¬- margin-left , و padding-right , padding-left استفاده می‌شود.
  • y (*-top  and  *-bottom): از کلاس y برای تعیین margin-top ¬- margin-bottom , و padding-bottom , padding-top استفاده می‌شود.
  • size(0,1,2,3,4,5,auto): از این کلاس برای تعیین اندازه margin و padding استفاده می‌شود.


نکته: واحد اندازه گیری rem برحسب اندازه تگ html که 16px می باشد، مقداردهی می‌شود.

  • 0: برابر مقدار 0 است.
  • 1: برابر مقدار 0.25rem می‌باشد، که این مقدار معادل 4px است.
  • 2: برابر مقدار 0. 5rem می‌باشد، که این مقدار معادل 8px است.
  • 3: برابر مقدار 1rem می‌باشد، که این مقدار معادل 16px است.
  • 4: برابر مقدار 1.5rem می‌باشد، که این مقدار معادل 24px است.
  • 5: برابر مقدار 3rem می‌باشد، که این مقدار معادل 48px است.
  • auto: این کلاس margin و padding را به صورت اتوماتیک تنظیم می‌کند.


برای اینکه مقدار margin منفی باشد، از مقادیر زیر استفاده می‌کنیم:

  • n1: برابر مقدار 0.25rem- می‌باشد، که این مقدار معادل 4px- است.
  • n2: برابر مقدار 0.5rem- می‌باشد، که این مقدار معادل 8px- است.
  • n3: برابر مقدار 1 rem- می‌باشد، که این مقدار معادل 16px- است.
  • n4: برابر مقدار 1.5rem- می‌باشد، که این مقدار معادل 24px- است.
  • n5: برابر مقدار 3rem- می‌باشد، که این مقدار معادل 48px- است.

 

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

 

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

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

 


نظر بدهید نظر شما در تصمیم دیگران اثرگذار است. لطفا برای ما و همراهان درسمن نظر خود را بنویسید.
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.


مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات : جلسه
مدت زمان : 661 دقیقه
حجم دوره : 2/78 گیگابایت
سطح مهارت : مقدماتی تا پیشرفته
وضعیت دوره : پایان یافته
تعداد دانشجویان : 1509
: میانگین امتیاز
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی

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