hussain hussain - 1 month ago 18
CSS Question

How can i make image size big using css?

I want to make image size big but it is not happening with below code, How can i achieve that task using css ? Do i need to overwrite bootstrap ?

navbar.html

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


css

#logo {
height: 40px;
}

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

Answer

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" />

or

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" />