Height of the slider according to the width of the screen

Question

I just created a slider with bootstrap 3 and it works fine.

I want to like this site : ie the image is reduced height to the width of Register Main Menu.

How can I do this?

Answer 1

Taken directly out of normalize.css

CSS:

img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Improve image quality when scaled in IE 7. */
  -ms-interpolation-mode: bicubic;

  /* Suppress the space beneath the baseline */
  /* vertical-align: bottom; */

  /* Responsive images */
  max-width: 100%;
  height: auto;
  /* Correct IE 8 not scaling image height when resized. */
  width: auto;
  width: auto\9;
}