【问题标题】:Bootstrap: Different sized photos?Bootstrap:不同尺寸的照片?
【发布时间】:2015-12-31 22:22:39
【问题描述】:

我使用 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>

怎么看连线节目?

【问题讨论】:

标签: jquery twitter-bootstrap


【解决方案1】:

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

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

【讨论】:

  • 彼得斯科特你的示例脚本,不允许我的问题
猜你喜欢
  • 2011-08-31
  • 2020-08-24
  • 1970-01-01
  • 2014-11-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-12-26
相关资源
最近更新 更多