چرا تو بوت‌ استرپ 5، استفاده از container-fluid به همراه گرید، پدینگ اضافی ایجاد میکنه؟

سلام برای رفع مشکل padding اضافی در container-fluid تو بوت استرپ ۵، می‌تونی از کلاس‌های کمکی بوت استرپ استفاده کنی یا با CSS سفارشی تنظیمات رو تغییر بدی. تو بوت استرپ ۵، container-fluid به طور پیش‌فرض padding داره که ممکنه به نظر اضافی بیاد.

برای رفع این مشکل، میتونی از کلاس‌های p-0 و m-0 استفاده کنی که padding و margin رو به صفر تغییر میده

<div class="container-fluid p-0">
  <!-- Your content here -->
</div>

اگر همچنان مشکل پابرجا بود، میتونی با استفاده از CSS خام به راحتی padding رو تغییر بدی

.container-fluid {
  padding-right: 0;
  padding-left: 0;
}

به این ترتیب، padding اضافی حذف میشه و محتوات به درستی نمایش داده میشه. اگر نیاز به تنظیمات دقیق‌تری داشتی میتونی همین کدها رو با مقادیر دلخواه خودت تغییر بدی