自定义缩略图网格3列?

时间:2014-08-14 05:45:07

标签: html css twitter-bootstrap-3

我试图让这个工作,我发现this

而不是4列,我想保持3列的相同高度。我怎么能这样做?

这就是它在我的前端看起来的样子:

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

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

1 个答案:

答案 0 :(得分:0)

像这样?或者你想让图像填满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%;
}