Bootstrap carousel resizing image

The reason why your image is resizing which is because it is fluid. You have two ways to do it:

1. Either give a fixed dimension to your image using CSS like:

   .carousel-inner > .item > img {
      width:640px;
      height:360px;
    }

2. A second way to can do this:

   .carousel {
      width:640px;
      height:360px;
    }

3. You could also consider a third option, to make use of both

   .carousel > .carousel-inner > .carousel-item > img{
       width:240px; /* Yeap you can change the width and height*/
       height:160px;
   }