我想创建交替的 100% 彩色块。附件中说明了“理想”情况以及当前情况。
所需的设置：
现在：
我的第一个想法是创建一个 div 类，给它一个背景颜色，并给它 100% 的宽度。
.block {
width: 100%;
background: #fff;
}
然而，你可以看到这显然是行不通的。它仅限于集装箱区域。我尝试关闭容器，但这也不起作用。
The containerclass 故意不是 100% 宽度。根据视口的宽度，它有不同的固定宽度。
如果您想使用屏幕的整个宽度，请使用.container-fluid:
引导程序 3：
<body>
<div class="container-fluid">
<div class="row">
<div class="col-lg-6"></div>
<div class="col-lg-6"></div>
</div>
<div class="row">
<div class="col-lg-8"></div>
<div class="col-lg-4"></div>
</div>
<div class="row">
<div class="col-lg-12"></div>
</div>
</div>
</body>
引导程序2：
<body>
<div class="row">
<div class="span6"></div>
<div class="span6"></div>
</div>
<div class="row">
<div class="span8"></div>
<div class="span4"></div>
</div>
<div class="row">
<div class="span12"></div>
</div>
</body>