Отзывчивый Bootstrap Изображение логотипа

Question

Мой логотип изображение выглядеть это на мобильный телефон:

Я хочу, чтобы это было автоматически меньше, поэтому я добавил этот CSS:

img { 
    display: inline-block; 
    height: auto; 
    max-width: 100%; 

<div class="container"> 

    <div class="row"> 
     <div class="col-lg-12 text-center img-responsive"> 
      <img src="http://placehold.it/600x140" alt="logo" style="margin-bottom: 30px;" /> 

     </div> 

Но это не работает , Кто-нибудь может мне помочь ?

Answer 1

Если вы хотите, чтобы ваш образ отзывчив с начальной загрузкой, вы должны применять класс прямо в образе

<img class="img-responsive" src="http://placehold.it/600x140" alt="logo" style="margin-bottom: 30px;" />