Twitter bootstrap Bootstrap 3响应缩略图在Chrome或Firefox中未正确对齐

我在Bootstrap3中构建了一个缩略图网格。在大型和中型列中，它们在3列中对齐，在小型和小型网格中对齐，在2列中对齐。在Safari中，缩略图列和行在所有网格系统中都非常有效。在Chrome和Firefox中，在大型和中型柱网中，第二行缩略图被推到上方，因此第一行为“空白”，缩略图从第二（中间）行开始。小柱和小柱按预期工作。代码如下：

<section class="container gallery">
 <div class="row">
  <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 col-xs-12">
    <div class="row">

      <div class="col-lg-4 col-md-4  col-sm-4 col-xs-6">
          <a href="#"><img class="img-responsive img-thumbnail" src="1-tn.jpg" alt=""></a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
        <a href="#"><img class="img-responsive img-thumbnail" src="2-tn.jpg" alt=""></a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
        <a href="#"><img class="img-responsive img-thumbnail" src="3-tn.jpg" alt=""></a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
        <a href="#"><img class="img-responsive img-thumbnail" src="4-tn.jpg" alt=""></a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
        <a href="#"><img class="img-responsive img-thumbnail" src="5-tn.jpg" alt=""></a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
        <a href="#"><img class="img-responsive img-thumbnail" src="6-tn.jpg" alt=""></a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
        <a href="#"><img class="img-responsive img-thumbnail" src="7-tn.jpg" alt=""></a>
      </div>

    </div>
  </div>
</div>
</section> 

---

所以我假设，由于我没有为第二列设置新的行标记，所以我没有得到引导的行默认值-15px左右填充，并且我的行的总宽度太大。当我进入Chrome的开发者工具并关闭col-lg-10左或右填充时，缩略图正确对齐，证实了我的直觉。但是我不想显式地设置行，因为一行中的缩略图数量将根据调用的网格大小而变化。我可以为每个大小的画廊设置媒体查询，但这似乎很笨拙。我确实尝试添加css规则

body#home.gallery.col-lg-10，body#home.gallery.col-md-10

，它适用于大列，但不适用于中列。我的img标签设置为高度：自动；最大高度：100%；。有人有什么解决办法吗？

我自己想出来的。我以为我所有的图片大小都一样，但左上角的图片高了1个像素，使下面的图片失去了对齐。我在拼命想弄明白，但当你真的弄明白的时候，我总是觉得像这样。

我自己也弄明白了。我以为我所有的图片大小都一样，但左上角的图片高了1个像素，使下面的图片失去了对齐。我在拼命想弄明白，但当你真的弄明白的时候，我总是觉得像这样。

我自己也弄明白了。我以为我所有的图片大小都一样，但左上角的图片高了1个像素，使下面的图片失去了对齐。我在拼命想弄明白，但当你真的弄明白的时候，我总是觉得像这样。

我自己也弄明白了。我以为我所有的图片大小都一样，但左上角的图片高了1个像素，使下面的图片失去了对齐。我拼命想弄明白，但当你弄明白的时候，总是像这样