どのように私はイメージのサイズをCSSを使用して大きくすることができますか？

Question

イメージサイズを大きくしたいが、それ以下のコードでは起こっていない。どのようにしてCSSを使ってそのタスクを達成できるのだろうか？ブートストラップを上書きする必要がありますか？

#logo { 
 
    height: 40px; 
 
} 
 
.navbar-brand>img { 
 
    max-height: 100%; 
 
    height: 100%; 
 
    width: auto; 
 
    margin: 0 auto; 
 
    -o-object-fit: contain; 
 
    object-fit: contain; 
 
}

<a class="navbar-brand"> 
 
    <img src="assets/images/logo.png" id="logo"> 
 
</a>

Answer 1

img.expand { width: 10em; }

<img src="http://keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="fruit" class="expand" />

又は

img.expand { width: 50em; }

<img src="http://keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="fruit" class="expand" />