Ad

How Adjust Bootstrap Carousel Height?

This is my website:https://pcshiraz.ir
My carousel image height is not responsive, I can not find solution.

Ad

Answer

Hi you can add this Stylesheet i've tried in your website with inspect element it's worked!

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-inner {
    height: 400px;
}

.carousel-item, .carousel-item img {
    height: 400px;
  width:100%;
}

} 

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {
    .carousel-inner {
    height: 160px;
}

.carousel-item, .carousel-item img {
    height: 160px;
  width:100%
}
}

Here is Result

enter image description here

Ad
source: stackoverflow.com
Ad