Bootstrap change carousel height

Question

I have a jsfiddle here - http://jsfiddle.net/gh4Lur4b/8/

It\'s a full width bootstrap carousel.

I\'d like to change the height and still keep it full width.<

Answer 1

like Answers above, if you do bootstrap 4 just add few line of css to .carousel , carousel-inner ,carousel-item and img as follows

.carousel .carousel-inner{
height:500px
}
.carousel-inner .carousel-item img{
min-height:200px;
//prevent it from stretch in screen size < than 768px
object-fit:cover
}

@media(max-width:768px){
.carousel .carousel-inner{
//prevent it from adding a white space between carousel and container elements
height:auto
 }
}