Html 为什么在列中使用img时下列引导列失败？

在网格列中使用img标记时，以下标记无法正确呈现：

描述
描述
描述
描述

您没有正确嵌套列。每行只能有12列，并且您正在尝试将值为1的4行放入其中

你应该看近一点

如果一行中放置的列超过12列，则每组 额外的列将作为一个单元包装到新行上

描述
描述
描述
描述

一行应包含12列。您的包含48个。这与图像无关。如果用长文本块替换图像，则标记将导致类似的断格。对于realz？我一直明白，当列数超过12时，它将生成“虚拟行”，并且不需要新的行元素？@user1271930是的，对于realzb，这如何符合这种情况“每一组额外列将作为一个单元包装到新行”？好的，它声明它应该像我所说的那样做，并根据文档创建“虚拟行”，即“换行到新行”？当您这样做时，它们会换行，但流会中断。在这种情况下，它们会尽可能地叠加，造成不一致。别偷懒，把它们包好就行了每个

.row

类都有清除流的

：：before

和

：：after

伪元素。正是这一点使新的一排成为了一块干净的板岩。当您将一组列塞入一行时，它们将不会重置，也不会正确堆叠。