在bootstrap图像网格Firefox和IE 11中跳过单元格

Question

底部的图像显示了6 275.5px图像的自举网格表示。如果空白区域应该是附加图像，则会因未知原因而跳过它们。在整个网格中，大约有70个图像，当在4列时，它出现在图像＃40处。在3列上，它出现在图像＃39处。在2列上，此问题不存在。这只发生在IE11和Firefox上，而不是Chrome。每个图像大小相同，每个单元格没有变化。

• Bootstrap v3.3.7
• normalize.css v5.0.0
• AngularJS v1.4.8
• NG-指令-懒惰图像

模式是当加载页面时，angular会调用返回JSON的.ashx处理程序。 JSON必须使用引导样式重复div。返回的JSON和标记一样干净。这两个单元之间没有垃圾数据。图像有一些延迟加载，以防万一可能是一个潜在的根本原因。 F12调试器中没有错误，尽管Firefox抱怨bootstrap.css给出的样式指令，这可能是已知的事件。

示例JSON

[{
"id": "Product 1",
"order": 1,
"thumbnailUrl": "http://local.testsite.com/~/media/19F6.ashx"
},
{
"id": "Product 2",
"order": 2,
"thumbnailUrl": "http://local.testsite.com/~/media/9557.ashx"
}]

生成的示例标记。每件产品都会得到1个这样的div。

<div class="col-xs1-home-6 col-xs2-home-4 col-sm-home-6 
col-md-home-4 col-lg-home-3 ng-scope" ng-repeat="brand in ctrl.brands">                  
  <a href="#/gradeline?brand=Product1" 
  ui-sref="gradeline({ brand: brand.id })">
    <img src="http://local.testsite.com/~/media/19F6.ashx" 
    ng-src="http://local.testsite.com/~/media/9557.ashx">
  </a>             
</div>

我尝试在数据库中添加条目，以便单元格可以被4整除，以防万一它试图让最后一个单元格落在第4列。这没有用。我还尝试了一些众所周知的“清除修复”样式来表示行的结尾。