html - 在 div 中 Bootstrap 响应图像

Question

基本上我需要的是:3 列(例如 col-ms-4)在每一列中我需要一个 div在股利内部:div 的上半部分是响应式图像，底部是

和

我无法使图像成为 div 的一半并响应

 <div class="col-sm-4">
                <div class="service-box">
                    <img class="service-box-img img-responsive" src="something">
                    <h2>Header</h2>
                    sdfsdfdfdsfsdfdsfdf
                </div>
             </div>

css:

 .col-sm-4{
            padding-left:100px;
                padding-right:100px;
            height:300px;

        }
        .service-box{
            background-color:white;
            padding:30px;
            padding-left:100px;
        }
        .service-box-img{

            height:150px;
        }

Answer 1

尝试添加一个

.col-sm-4 img {
     width: 100%
}