css - 当通过移动设备查看网站时，Bootstrap 响应式能否取消某些样式

Question

CSS

.image {
     height:50px;
}

HTML

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

Bootstrap的响应式可以取消样式吗？ 假设图片的高度为 400 像素，我需要这些图片在不经过 CSS 裁剪的情况下显示。

谢谢

Answer 1

您需要用您希望它们能够达到的最大宽度包围图像。最好以百分比表示，以便它可以在所有设备上扩展。

然后将 class="img-responsive"添加到您的图像标签中。

例如

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