How can i make image size big using css?


Tags: html,css,twitter-bootstrap

Problem :

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 ?

#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>



Solution :

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


    CSS Howto..

    How to disable selection with specific class with js/css?

    Javascript - How to alter a property of a css class

    How can I get the second child using CSS?

    How to apply multiple transforms in CSS?

    How to make section be tall enough to store data (fullpage.js)?

    CSS hover - parents are affected, too. How to avoid this?

    how to let dropdown menu align-right?

    How to style the NSString using CSS?

    How to add opacity on background?

    I'm am trying to have a responsive navigation bar for small screens, how can I change the left links to a css drop-down menu?

    How to fluid images when resize window?

    how to float the section tags in html5

    how can i change the style of scroll bar

    How can a URL fragment affect a CSS layout?

    How to write special css for IE in external css file using css conditional comments [closed]

    How can I make vertical switch

    How to fade loop background images in Twitter's Bootstrap 3

    How to create straight line with same css gradient at both ends?

    How to borrow styles from another CSS rule

    How to center a div horizontally in a table using CSS

    How to change decoration of a local HTML file to show it on the WebView in Android

    How to move all content (relative,absolute,…) down?

    How to Grab an Icon Image

    How to show the vertical image into horizontal manner using HTML and CSS?

    How can I make the parent div draggable

    Dialogs are showing at the bottom of the page

    How to change the current link color in navigation bar

    CSS How to apply child:hover but not parent:hover

    How to properly apply CSS style to H elements in ordered list

    css not showing inline