关于bootstrap的问题

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标签里面设置图片大小。。也没起效果

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

这个是默认使用图片的大小,可以这样设置一下

div{  
    width:200px;  
    height:100px;  
    background-image:url(bg.jpg);  
    background-size:100% 100%;  
}

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/274720

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^