引导网格上的行与 col 不同的孩子有什么问题？

如何解决引导网格上的行与 col 不同的孩子有什么问题？

昨天我正在审查我们的 HTML 结构，发现我们有像这样用作 row child 的容器

/usr/lib64/gnuefi

但是看着 oficial documentation 我可以看到这个注释。

<section class="row graySeccion"> <div class="container py-5 graySeccion"> <div class="row mb-5"> <div class="col py-2 text-center"> <h1>WELCOME TO STEAM SCHOOLS</h1> </div> </div>

我们有这一行->容器->行有多大错，我们可能会破坏哪些东西？
我们应该开始重构我们的 HTML 结构吗？

解决方法

是的，理想情况下，您应该遵循适当的网格布局结构。

row 类包含以下属性：

.row {
  margin-right: -15px;
  margin-left: -15px;
}

由于 row 的此属性，某些分辨率的页面上会出现水平滚动条。为了避免这种情况，我们需要遵循 bootstrap 的官方文档（container->row->col）。