Bootstrap Carousel - 图像下面的标题，但不影响控件的高度？

Question

如何在图像下方制作旋转木马标题，但没有影响旋转木马控制的高度？

下面是我的CSS移动图像下方的标题：

.carousel-caption { 
    position: relative; 
    left: auto; 
    right: auto; 
} 

结果：

正如你所看到的旋转木马控制现在是较长。我怎样才能解决这个问题？有任何想法吗？

Answer 1

JQuery将是我相信的方式。

看看：http://www.bootply.com/wngSniePbu

只需要JQuery的少量和一个额外的CSS类。