حاشیه و فاصله در Bootstrap :
Bootstrap یکی از محبوب‌ترین فریم‌ورک‌های CSS است که توسط توسعه‌دهندگان وب در سراسر جهان به کار می‌رود. این فریم‌ورک به وب‌سایت‌ها کمک می‌کند تا با استفاده از کدهای CSS و جاوا اسکریپت به طور سریع و ساده طراحی و توسعه داده شوند. یکی از ویژگی‌های مهم در Bootstrap، حاشیه و فاصله است.
حاشیه (Margin) به فاصله بین المان فعلی و المان بعدی در محیط بیرونی اشاره دارد. فاصله (Padding) به فاصله بین المان فعلی و محتوای داخلی المان اشاره دارد. این دو ویژگی باعث می‌شوند که المان‌ها در سایت شما به طور صحیح قرارگیرند و رابط کاربری به طور صحیح اجرا شود.
در Bootstrap، مقادیر حاشیه و فاصله به شکل پیش‌فرض تعریف شده‌اند، اما شما می‌توانید آن‌ها را با استفاده از کلاس‌های CSS به طور دقیق تر تنظیم کنید. برای مثال، برای تنظیم فاصله بین دو المان، می‌توانید از کلاس‌های “mt-” (margin-top)، “mr-” (margin-right)، “mb-” (margin-bottom) و “ml-” (margin-left) استفاده کنید. همچنین، برای تنظیم فاصله داخلی (Padding)، می‌توانید از کلاس‌های “pt-” (padding-top)، “pr-” (padding-right)، “pb-” (padding-bottom) و “pl-” (padding-left) استفاده کنید.
یکی از ویژگی‌های دیگر در Bootstrap، فاصله بین المان‌ها در یک ردیف است. برای مثال، با استفاده از کلاس “row” می‌توانید یک ردیف ایجاد کنید و با استفاده از کلاس “col” می‌توانید المان‌ها را درون ردیف قرار دهید. با استفاده از کلاس‌های “mt-” و “mb-” می‌توانید فاصله بین المان‌ها را تنظیم کنید.
در Bootstrap 4، مقادیر حاشیه و فاصله با استفاده از واحدهای مختلفی از جمله پیکسل (px)، ام (em) و درصد (%) قابل تنظیم هستند. همچنین، با استفاده از کلاس‌های “m-auto” و “mx-auto” می‌توانید المان‌ها را در مرکز قرار دهید.
به عنوان یک توسعه‌دهنده وب، تنظیم حاشیه و فاصله در Bootstrap برای ایجاد رابط کاربری بهتر و بدون مشکلات بسیار مهم است. با استفاده از کلاس‌های CSS مناسب، می‌توانید المان‌های وب‌سایت خود را به طور دقیق تر و بهتر نظم دهید.
