Twitter bootstrap 砌体和引导网格项高度问题

我有一个包含12项的引导网格

网格位置5中的项目与网格其余部分有相当大的高度差

奇怪的是，砖石结构将此特定项目的位置更改为网格位置7，在该位置，它只需保持其原始位置即可

有没有办法阻止砖石工这样做？谁能提供一个解决方案

提前谢谢

HTML:

编辑：

我花了时间创建了这个JSFIDLE来展示所描述的问题

---

确实需要查看代码或MCVE

网格项内容

和其他

网格

类不是标准的引导网格。通常我看到的

col-*

用于砌筑items@ZimSystem我知道它们不是标准的引导网格类。但我需要一个类或id来在触发砌体脚本时包含，正如您在我提供的JS代码段中所看到的。您需要发布一个实际的工作示例来演示您描述的问题。@vanburen我在上面的问题中添加了一个指向JSFIDLE的链接

<div class="grid">
  <div class="grid-sizer col-xs-8 col-sm-4 col-md-2"></div>
  <div class="grid-item col-xs-8 col-sm-4 col-md-2">
    <!-- Below is just repeated by 12, the 5th item has a larger image height -->
    <div class="grid-item-content">
      <a href="#">
        <div>
          <img src="image.png" alt="masonry_image">
        </div>      
        <div class="bottom">
          <div>Test</div>
        </div>
      </a>
    </div>
  </div>
</div>

$('.grid').masonry({
  itemSelector: '.grid-item',
  columnWidth: '.grid-sizer',
  percentPosition: true
});