[英]How to keep carousel-indicators on image while carousel-caption below image?
How to move bootstrap 3 carousel caption below images? 如何在图像下方移动bootstrap 3旋转木马标题?
I incorporated the above solution into my code so now I have the text (carousel-caption) below the images in the carousel. 我将上述解决方案合并到我的代码中,因此现在在轮播中的图像下方有文本(轮播标题)。 However, doing this also moved the arrows in the carousel-control.left and carousel-control.right further down.
但是,这样做还会使carousel-control.left和carousel-control.right中的箭头进一步向下移动。 It also positioned the carousel-indicators to below the carousel-caption.
它还将轮播指示器放置在轮播字幕下方。 As a result, when the amount of text changes, the carousel-indicators and left/right controls move to adjust for the change in text.
结果,当文本量改变时,轮播指示器和左/右控件移动以适应文本的变化。
This is not ideal, and I would like the carousel-indicators and left/right controls to remain on the image, while the carousel-caption is below. 这不是理想的,我希望轮播指示器和左/右控件保留在图像上,而轮播字幕位于下方。
Thanks! 谢谢!
you can also use absolute positioning to move you carousel indicators dynamically 您还可以使用绝对定位来动态移动轮播指标
.carousel-indicators {
position: absolute;
top:50%
left: 150%;
z-index: 15;
text-align: center;
list-style: none;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.