آموزش کامل کار با 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

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

 


نظر بدهید

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

مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات 24 جلسه
مدت زمان 601 دقیقه
حجم دوره 2/76 گیگابایت
سطح مهارت مقدماتی تا پیشرفته
وضعیت دوره پایان یافته
تعداد دانشجویان 147
: میانگین امتیاز

175,000تومان
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در ... ر انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.بیشتر بدانید