html - Bootstrap - 4 列网格在特定点后中断

Question

我无法弄清楚为什么 Bootstrap 网格在我的演示中的某个点之后似乎会中断，它看起来像这样，不要介意顶部(col-sm-9 和col-sm-3)，它在它自己的行中。到目前为止，它在 13 个元素中显示如下:

像这样的 14 个元素，如您所见，图像没有按应有的方式从左侧开始:

在 23 个元素中，它显示为:

这是一个异常，因为我认为它根据我添加的图像而有所不同，但所有图像都被归类为“img-responsive”。

HTML:http://pastebin.com/f4wqhuL8CSS:http://pastebin.com/8sCvUzbL

Answer 1

问题是由列的内部元素具有不同的大小引起的，可能是由于图像的大小不同。要解决此问题，请将所有图像更改为与它们所在的列和行相关的正确大小，或者使用 CSS 强制调整内部元素的大小。