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

Question

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

下面是我将标题移动到图片下方的 CSS:

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

结果:

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

Answer 1

我相信 JQuery 是正确的选择。

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

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