容器的颜色未填充整个容器

Question

我试图用一种特定的颜色填充我的整个容器，但是我无法编写有关如何填充它的代码

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<div className="container-fluid d-flex h-100 flex-column" class="p-3 mb-2 bg-light text-dark">
        <div className="row bg-light flex-fill d-flex justify-content-start">
          <div className="col-20 mx-auto col-md-8 mt-4 mb-4 custom-row-bg">
            <h2 className="text-center text-uppercase">input todo</h2>
          </div>
        </div>
      </div>

仅填充页面的1/3，但我希望颜色填充整个页面

我希望整个页面都显示灰颜色

Answer 1

实时检查此example

我只是强迫地将bg-dark text-light更改为我！