Spacing در بوت استرپ
بوت استرپ مجموعه‌ای از دستورات padding و margin دارد که از شماره 0 تا 5 شماره گذاری شده است. از حرف m برای margin و از حرف p برای padding استفاده می‌شود. هرچه رقم افزایش یابد میزان اسپیس (Space) نیز افزایش می‌یابد. ممکن است در کنار این حروفاتی نظیر t ،b ،l ،r نیز ببینید که درواقع خلاصه شده top ،bottom ،left ،right هستند. در زیر به توضیح هرکدام از حروفات اختصاری می‌پردازیم:
- حرف m: برای کلاس‌هایی که دارای margin هستند به کار گرفته می‌شود.
- حرف p: برای کلاس‌هایی که بخواهید دارای padding باشند استفاده می‌شود.
- حرف t: اختصار top است و برای کلاس‌هایی که بخواهید دارای margin-top یا padding-top باشد استفاده می‌شود.
- حرف b: اختصار bottom است و برای کلاس‌هایی که بخواهید دارای margin-bottom یا padding-bottom باشد استفاده می‌شود.
- حرف l: اختصار left است و اگر بخواهید به یک کلاس استایل margin-left یا padding-left بدهید استفاده می‌شود.
- حرف r: اختصار right است و اگر بخواهید به یک کلاس استایل margin-right یا padding-right بدهید استفاده می‌شود.
- حرف x: همانطور که می‌دانید x در مختصات نشانگر افقی می‌باشد و در بوت استرپ برای هردو سمت راست و چپ مود استفاده قرار می‌گیرد. بنابراین چنانچه بخواهید برای یک عنصر، کلاسِ دارایِ استایلِ margin-left و margin-right یا padding-left و padding-right بدهید از حرف x استفاده کنید.
- حرف y: حرف y در مختصات نشانگر عمودی است و دقیقاً برعکس حرف x عمل می‌کند. پس چنانچه بخواهید در بوت استرپ یک کلاس با استایل margin-top و margin-bottom یا padding-top و padding-bottom ایجاد کنید می‌توانید از حرف x استفاده کنید.
اضافه کردن Spacing به صفحه وب
حال مانند دستور زیر به تگ div یک کلاس p-5 اضافه کنید و نتیجه را مشاهده کنید.
<div class=”container-fluid p-5″>
همه درس ها به ترتیب
دستورات ضروری