关于为每张幻灯片重新定位Bootstrap Carousel标题的问题

Question

我正在尝试为This Demo

中的每个Bootstrap Carousel幻灯片设置自定义位置

从代码中可以看出

.carousel-caption {
    top: 0;
    bottom: auto;
}

覆盖原始字幕规则并带上标题，但如果我需要在其他位置重新呈现其他幻灯片字幕怎么办？！我已经通过.cap

添加新规则来尝试此操作

.cap {
    top: 50 !important;
    bottom: auto;
}

但没有工作！能告诉我如何解决这个问题吗？

由于

Answer 1

而不是

top: 50 !important;

尝试：

top: 50px;

当我在this fiddle上测试时，这会将标题进一步推到旋转木马上。