css - 当通过移动设备查看网站时，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">