laravel - 如何调整bootstrap轮播高度？

Question

这是我的网站:https://pcshiraz.ir
我的轮播图像高度没有响应，我找不到解决方案。

Answer 1

您好，您可以添加这个样式表，我在您的网站中尝试过使用检查元素，它有效!

/* 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%
}
}

这是结果