css - Bootstrap 3 响应图像并排相同高度

标签 css twitter-bootstrap html twitter-bootstrap-3

是否可以并排使用 2 个具有相同高度的响应图像 Bootstrap 3 ?目前 col-sm-4 没有相同的高度。

<div class="container">
    <div class="row">                                     
        <div class="col-sm-4">                 
            <img class="img-responsive" src="http://placehold.it/400x400" />
        </div>                  
        <div class="col-sm-8">
            <img class="img-responsive" src="http://placehold.it/800x400" />
        </div>                  
    </div>
</div>

演示 fiddle : http://jsfiddle.net/u9av6/3/

谢谢!

最佳答案

试试这个:

<div class="col-sm-4"><img src="http://placehold.it/400x400" height="220" /></div>

<div class="col-sm-8"><img src="http://placehold.it/800x400" height="220" /></div>

关于css - Bootstrap 3 响应图像并排相同高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21234410/

相关文章:

javascript - Laravel 5 js 被 app.js 阻塞

html - 帮助将 CSS 样式从标签转换到标签

javascript - 移动友好的 CSS 下拉导航

css - 如何去掉面包屑下面的双边框底线

jquery - Bootstrap MODAL 操作按钮不起作用

css - 如何正确地并排制作 3 张图像

twitter-bootstrap - 更改 Bootstrap 4 卡类中文本的颜色

javascript - 定位禁用悬停选择器和鼠标悬停事件

html - 为移动版本设计嵌入式视频

javascript - 搜索和滚动条下拉子菜单 Bootstrap