使用Boostrap我想在较小的设备上将图像缩放到最小高度

Question

我有一个使用bootstrap http://www.burnser.com/index.html

构建的平面设计组合网站

在大屏幕和中型屏幕上，全宽图像看起来很棒。但是当在较小的设备上观看时，图像太小。这使用了类：

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

有没有办法将较小设备上的图像缩放到最小高度（约400px），然后裁剪图像的边缘聚焦在图像的中心？