Bootstrap Carousel - 图像下方的标题而不影响控件的高度？

Question

如何在图像下方制作轮播标题，但不用影响轮播控件的高度？

以下是我的css将图标移到图片下方：

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

结果：

正如您所见，旋转木马控件现在更长。我怎样才能解决这个问题？有什么想法吗？

Answer 1

JQuery将是我相信的方式。

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

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