问题描述
昨天我正在审查我们的 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)。