css - ブートストラップ レスポンシブは、サイトがモバイル経由で表示されたときに一部のスタイルをキャンセルできますか

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

You need to surround the images with a maximum width that you wish them to be able to go. Preferably in percentage so that it scales on all devices.

Then add the class="img-responsive" to your image tags.

For example

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