html - Bootstrap container-build 即使使用 p-0 也不会填满屏幕

Question

对于屏幕，我将 container-fluid 的 padding 设置为 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%"