modal بوت استرپ زیر محتوای اصلی سایت نمایش داده میشه

سلام برای اینکه مودال بوت استرپ به درستی روی مابقی عناصر صفحه نشون داده بشه و زیر محتوا اصلی نره باید مطمئن بشی که لایه‌ بندی و ترتیب نمایش (z-index) به درستی تنظیم شده

در اینجا چند نکته و راهکار برای این قضیه بهت میگم

اولا مطمئن شو که استایل‌ های سفارشیت از z-index بالاتر از مقدار پیش‌فرض بوت استرپ استفاده نمیکنه  باید بدونی modal ها تو بوت استرپ

  z-index:1050 دارن میتونی این مقدار رو بررسی و در صورت نیاز تنظیم کنی

.modal {
     z-index: 1050 !important;
   }

در مرحله بعد بررسی لایه بندی‌ های پیجه

  اگر پیجت  دارای z-index بالاست باید مقدار آونو پایین‌ تر از z-index مدال تنظیم کنی برای مثال اگر پیج z-index: 1000 داره باید اونو  به عددی کمتر از 1050 تغییر بدی

  .background-layer {
     z-index: 1000;
   }

و اینکه چک کن position مدال به درستی تنظیم شده

 مدال‌ها باید با  position: fixed یا position: absolute تنظیم بشن تا به درستی روی صفحه قرار بگیرن

  .modal {
     position: fixed;
   }

و در اخر مطمئن شو که هیچ فایل CSS سفارشی یا پلاگین دیگه ای به صورت تصادفی روی z-index مدال تاثیر نمیزاره. در صورت نیاز، بررسی کن که تمامی استایل‌ها و پلاگین‌ها درست کار میکنن و تداخل نداشته باشن.

با رعایت این نکته ها مدال بوت استرپ در بالای همه عناصر دیگه صفحه میره