Bootstrap Carousel图像高度导致较小屏幕上的滚动条

Question

我对bootstrap和编程很新，所以请耐心等待！我花了好几个小时试图通过这里/谷歌找到问题的解决方案，现在是时候寻求帮助了！

基本上，我正在尝试创建一个用于在旋转木马中显示照片的网站。我希望我的网站具有响应能力，因此适用于较小的设备。我的所有原始图片都是相同的尺寸/尺寸（2304 x 1728所以4:3，可能太大了）并使用img-responsive类。

在大屏幕上看起来很好，但是当我在较小的笔记本电脑屏幕和平板电脑上试用它时，图像高度会导致滚动条出现，因此您无法看到图像/标题的底部。但是，图像宽度具有响应性，并且在不滚动的情况下缩小以适应。

我理解旋转木马的尺寸是由图像尺寸决定的，所以合理的解决方案是让我的图像尺寸更小 - 但我需要保持纵横比，而较小的图像则没有。看起来很好。我也尝试将固定高度设置为一种风格，但它没有用。

旋转木马的理想图像尺寸（以px为单位）占据了大部分浏览器窗口（允许导航栏/页眉/页脚），如何制作它以使高度不需要滚动条？

非常感谢提前！

Answer 1

我的答案可能不被所有人接受，但我认为引导程序的唯一缺陷就是Bootstrap Carousel

无法轻易更改（因为您说您没有太多编程经验），并且不提供大量自定义

所以我认为针对您的问题的最佳解决方案是Owlcarousel，提供了数百个自定义选项

OWL Carousel

  

触摸启用的jQuery插件，可让您创建漂亮的响应式轮播滑块。