关于bootstrap的问题

Question

jsp文件中，使用bootstrap框架制作的这个横向排列的展示，怎么调整使得放入不同的图片自动剪裁成一样的大小啊。。

代码如下，我根据网上的教程加了个function，也没有生效。。

 
    <script type="text/javascript" src="${APP_PATH}/static/js/jqthumb.min.js"></script>
    
    <script type="text/javascript" src="${pageContext.request.contextPath }
    /js/ticket_image.js"></script>

<div class="row jx">
        <ul class="nav navbar-nav">
             <li class="active">
                 <a id="ticket" href="#">门票</a>
             </li>
         </ul>
          <ul class="nav navbar-nav navbar-right">
           <li><a href="#">更多></a></li>
        </ul>
    </div>
    <div class="row paddtop">
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="image/三亚.jpg" alt="" onload="DrawImage(this)" class="img-responsive">
                <p>三亚自由行，网红景点</p>
                <font color="red">¥ 499起</font>
            </div>
        </div>
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="image/甘南.jpeg" alt="" onload="DrawImage(this)" class="img-responsive">
                <p>甘南自由行，小众秘境</p>
                <font color="red">¥ 499起</font>
            </div>
        </div>
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="image/泉州.jpeg" alt="" onload="DrawImage(this)" class="img-responsive">
                <p>集风景与美味于一体的小众宝藏地——泉州</p>
                <font color="red">¥ 299起</font>
            </div>
        </div>
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="image/烟台.jpg" alt="" onload="DrawImage(this)" class="img-responsive">
                <p>超好出片，首选烟台看海</p>
                <font color="red">¥ 340起</font>
            </div>
        </div>
    </div>

js文件：

```java
/**
 * 处理主页中“订票”部分的图片裁剪问题
 */
     //处理缩略图
function DrawImage(hotimg){
    $(hotimg).jqthumb({
        width : '100%',//宽度
        height : '142px',//高度
        //position : { y: '50%', x: '50%'},//从图片的中间开始产生缩略图
        zoom : '1',//缩放比例
        method : 'auto'//提交方法，用于不同的浏览器环境，默认为‘auto’
    });
}

文件目录：


![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/285723275086129.png "#left")


另外也尝试了直接在imge标签里面设置图片大小。。也没起效果

Answer 1

img包一个div，div写高度和超出隐藏