Bootstrap CSS：列推送到下一行

Question

我使用以下代码创建三列行：

APP-INF/lib

这是一个直截了当的理想结果： n 每行三列

<div class="container">
  <div class="row">
    <!-- Column [1] -->
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <h4>Four or Five Title Words</h4>
      <img src="a-thumbnail.jpg">
      <span>A short description</span>
    </div>

    <!-- Column [2] -->
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <h4>Four or Five Title Words</h4>
      <img src="a-thumbnail.jpg">
      <span>A short description</span>
    </div>

    <!-- Column [3] -->
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <h4>Four or Five Title Words</h4>
      <img src="a-thumbnail.jpg">
      <span>A short description</span>
    </div>
  </div>
  <div class="row">...</div>
  <div class="row">...</div>
  <div class="row">...</div>
</div>

某些行显示正常，但其他行有一个或多个列被推送到大中断点的下一行，如下所示：

[1][2][3]
[1][2][3]
[1][2][3]
[1][2][3]
[1][2][3]

请注意，这些也是正确对齐的。每个div中的图像非常小，因此尺寸似乎不是一个因素。还有很多文字，只有几个字。每个div中的内容与其他所有内容非常相似。

是否有人建议如何排查或解决问题？谢谢。