使用javascript在bootstrap轮播中获取标题？

Question

我正在建立一个新网站，我需要在旋转木马下面设置我的引导轮播[编辑]的标题。

所以我将.carousel-caption的位置更改为相对而不是绝对，所以我可以将它们移到旋转木马上方。

问题：我的旋转木马的下一个和上一个功能有特殊箭头，如果滑块之间的标题不同，我的箭头也会移动...

我不知道如何在css中解决这个问题，也许是使用javascript，但我不知道如何获取字幕内容以便在我想要的地方显示。

显示问题的JSFiddle：http://jsfiddle.net/Q2TYv/1321/

Answer 1

如果我理解正确，你想把文字放在顶部。你可以按照以下方式做到。

检查一下这个小提琴

http://jsfiddle.net/Q2TYv/1324/

我刚刚更新了以下内容：

#myCarousel .carousel-caption{
    width: 100%;
    position: absolute;
    bottom: none;
    top: 0; 
    max-height: 30%;
}

如果您想更改位置，您只需更新top or bottom位置即可。

编辑：

您可以将底部缩小到-30px或其他东西..这样标题将位于图像的底部。 你应该检查overflow: hidden的父元素。