当我尝试为列添加填充时，响应布局崩溃

Question

当我尝试添加“padding:5px;”时对于列，响应式设计的布局会崩溃。

这是 HTML 和 CSS 代码，我对所有以“col-”开头的类的填充进行了评论，按照这个顺序，布局可以工作，但是当我拿起评论时，布局崩溃了。

这是代码链接：

https://codeshare.io/AdkwON

Answer 1

*,
*::after,
*::before {
  box-sizing: border-box;
}

您在框大小调整方面遇到问题，您应该将其从正文中删除并将其附加到通用选择器，就像我上面所做的那样，以便它正确地级联到所有其他选择器。