自定义缩略图网格 3 列？ [关闭]

Posted 2023-03-06

【中文标题】自定义缩略图网格 3 列？ [关闭]

【英文标题】：Custom thumbnail grid 3 columns? [closed]

【发布时间】：2014-10-07 16:16:15

【问题描述】：

我正在努力让它工作，我找到了this。

我想保持 3 列的高度不变，而不是 4 列。我该怎么做？

这是它在我的前端的外观：

x http://imagizer.imageshack.us/v2/150x100q90/661/TS8KVU.png

它应该在屏幕上 100% 的并排图像。

【问题讨论】：

通过编辑问题在此处显示您的标记。

看起来像这样：bootply.com/q6Zk4nXjKa

【参考方案1】：

喜欢这样吗？或者你想让图像填充 div？：

<div class="col-md-4 no-pad">
  <img class="img-responsive" src="//placehold.it/1280x640/eee">
</div>
<div class="col-md-4 no-pad">
 <img class="img-responsive" src="//placehold.it/1280x640/eee">
</div>
<div class="col-md-4 no-pad">
  <img class="img-responsive" src="//placehold.it/1280x640/eee">
</div>

.no-pad
        padding-left:0px;
        padding-right:0px;
        height:381px;


.no-pad img
        width:100%;
        height:100%;

【讨论】：

问题是3张图片的宽度不一样，这是我的bootply：bootply.com/q6Zk4nXjKa

这里是css：.no-pad padding-left:0px;填充右：0px；高度：381px； .no-pad img 宽度：100%;高度：100%；

它工作了，但我仍然需要编辑我的一些 css。谢谢！