آموزش کامل کار با 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- است.
برای یادگیری این مبحث مثالها و نکتههای متعددی را در فایل ویدئویی آوردهایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.
امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،
درصورت سوال و یا مشکل میتوانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.
انجمن برنامه نویسان وب
جلسات دوره
مهدی عباسی
مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مطالعه بیشتر رزومه
نظر شما در تصمیم دیگران اثرگذار است.
لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.