Image 引导调整网格中图像的高度

我正在使用引导创建一个具有相同高度图像的网格。图像的比率取决于它们所在的框，因此，例如，col-sm-2中的图像比率为800x800，而col-sm-3中的图像比率为1200x800

问题是，一切正常，但只有在没有填充的情况下，我假设填充被视为宽度，因此图像的高度将得到调整

// Adjust the result-screen if you are getting big images (it is responsive).

http://jsfiddle.net/s00uajfw/14/

---

如何使图像具有相同的高度，保持15页边距，而不调整图像的比例？

请更清楚地说明您想要什么，在问题中添加代码片段，而不是仅在JSFIDLE中添加。还有。没有填充。col-sm-2、.col-sm-3。。。删除所有.col-sm-3中的填充，而不仅仅是a.no padding中的填充。no padding.col-sm-2、.no padding.col-sm-3…在JSFIDLE中犯了一个小错误，但现在应该修复它：。JSFIDLE包含所有的代码，所以我不认为把它放在这里有什么意义。我认为使用引导网格无法解决这个问题，因为列宽包括填充。这使得.col-sm-3的内容区域的宽度不是.col-sm-2的1.5倍。一种解决方案可能是使用flexbox为此创建自己的网格，但这永远不会与引导网格的网格列和水槽对齐。