我正在我的投资组合中使用 Bootstrap 的轮播功能，这包括内容下方的一些指示器，以便轻松浏览内容(一些基于文本的推荐)。
指示器应该位于文本的正下方，不幸的是，指示器有时会与文本重叠，这在移动布局上似乎更糟，但在桌面分辨率 1920x1080 上单击倒数第二个轮播指示器时可以看到。
理想情况下，轮播指示器总是出现在文本下方。有人可以建议我如何强制他们遵守轮播元素的高度吗？
可以在此处查看问题示例:http://www.robertmegone.com/#testimonials
此外，我希望轮播元素容器增长和收缩时能够平滑过渡。当前，当文本的长度发生变化时，它会跳转到不同的高度。我想缓解一下。关于如何做到这一点有什么建议吗？
谢谢!
最佳答案
只需给类为“carousel”的元素添加一个 padding-bottom，例如60px(并且您可以从“carousel-indicators”元素中删除 padding-top)。 指示器元素具有“position: absolute”和“bottom: 0”，这将始终将其放置在 carousel 元素的填充中。
关于第二个问题:您可以使用 javascript 遍历每张幻灯片，获取最大高度并将其设置为每张幻灯片的高度。但要小心，作为响应，您必须在浏览器的每个调整大小事件中执行此操作。
关于javascript - Bootstrap 轮播指示器位置当前与轮播内容重叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32505299/