即使使用 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%"