当通过移动设备查看网站时，Bootstrap可以响应取消某些样式

Question

CSS

.image {
     height:50px;
}

HTML

<div class='span6'>
   <img class='image' />
</div>
<div class='span6'>
   <img class='image' />
</div>

当Bootstrap的响应有效时，是否可以取消该样式？ 假设图片的高度为400px，我需要通过CSS显示这些图像而不进行裁剪。

谢谢

Answer 1

您需要使用您希望它们能够移动的最大宽度来环绕图像。最好以百分比表示，以便在所有设备上进行缩放。

然后将class =“img-responsive”添加到您的图片代码中。

例如

<img src="/path/to/your/image/logo.png" class="img-responsive" alt="Something about the image">