Бутстрап-контейнер-сборка не заполняет экран даже с p-0

Question

Для экранов я помещаю отступ в 0 для контейнера-жидкости, но экран по-прежнему не заполняет экран, ширина которого меньше или равна 1024.

.container-fluid {
    background-color: #e2e5f4;
    height: 600px; 
    margin-bottom: 200px;
    padding: 0;
}

Что работает: при 1024 - ширина: 101%; при 768 - ширина: 112%; при ширине 320: 112%;

HTML код:

<div class="container-fluid p-0">
    <div class="row border bg-danger p-0">
        <div class="col-md-7  p-0">
        <div class="MededX"> 
                MEDedX
        </div>
        <div class="capture_tittle">
            liunhliunh
            <br> lunliu luinu liuni 
            <br> nllniun Nilo ahh
        </div>

        <div class="subCapture_tittle">
            LOerm Swaminarayan swmainarayan swaminarayan swaminarayan                        

        </div>

    </div>

    <div class="col-md-5 p-0 ">

        <div>
            <img class= "hex" src="hex.png">
        </div>
        <div>
            <img class= "medIpad" src="medipad.png">
        </div>
        <div>
            <img class= "plantsLeft" src="plantsLeft.png">
        </div>

    </div>
    </div>  

</div>  

В чем проблема? Как мне это исправить?

Answer 1

Используйте пользовательскую оболочку и установите ее ширину 100%.

.container-full {
  margin: 0 auto;
  width: 100%;
}

или быстрое решение

style="width:100%"