Bootstrap:不同大小的照片?

时间:2015-10-03 23:50:39

标签: jquery twitter-bootstrap

我使用Bootstrap 3,但在我的图像上有相同大小的问题。 [1 [http://i.stack.imgur.com/n6kQs.jpg][1]][1]

我用这个

.col-lg-4 img{
        width: 100%;
        height: 200px;          
    }

但是看起来不漂亮! [![http://i.stack.imgur.com/SmqlQ.jpg][1]][1]

我的脚本是:

<div class="thumbnail">
        <div class="caption">
            <h4>Опел Астра TBI</h4>
            <div class="text-left">
            <div>Произведена: Януари 1995 г</div>
            <div>Пробег: 200000 км.</div>
            <div>Двигател: Бензинов</div>
            <div>Цена: 20000 лв.</div>
            </div>
            <span><a href="#" class="label label-danger" rel="tooltip" title="Zoom">Детайли</a></span>

        </div>
        <img src="ful_upload/2005-lotus-elise-front-left.jpg" class="img-responsive" alt="...">
        <div style="background: silver;" class="hidden-xs visible-mb-block text-center">Опел Астра TBI<span class="text-right">8800 лв</span></div>
    </div>

如何看待相关节目?

1 个答案:

答案 0 :(得分:0)

也许还尝试将max-height添加到自定义css。

.col-lg-4 img{
    width: 100%;
    max-height: 200px;          
}