为什么 col-xs-0 占用 100% 的行宽?

Question

我的引导容器如下所示：

<main >
<div class="row co-lg-12 col-md-12 col-xs-12">
<div class="col-lg-1 col-md-1 col-xs-1" style="background-color:red; height: 100vh;"></div>
<div class="col-lg-4 col-md-5 col-xs-0" style="background-color:blue; height: 100vh;">
</div>
<div class="col-lg-1 col-md-0 col-xs-0" style="background-color:green; height: 100vh;">      </div>
<div class="col-lg-3 col-md-4 col-xs-10" style="background-color:yellow; height: 100vh;">
</div>
<div class="col-lg-3 col-md-1 col-xs-1" style="background-color:gray; height: 100vh;"></div>
</div>
</main>

在开发人员工具中检查它时，它显示蓝色容器占据了屏幕的 100(而不是 0px(，红色容器在下面。有什么想法吗？

谢谢！

Answer 1

col-xs-0 不存在，如果你想删除它

因此，类使用以下格式命名：

.d-{value} for xs .d-{breakpoint}-{value} for sm， md， lg， and xl. 其中值为以下值之一：

无内联内联块表-单元格表行 flex 内联柔性