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

时间:2014-11-08 04:03:28

标签: css css3 twitter-bootstrap twitter-bootstrap-3

我正在尝试为This Demo

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

从代码中可以看出

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

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

添加新规则来尝试此操作
.cap {
    top: 50 !important;
    bottom: auto;
}

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

由于

1 个答案:

答案 0 :(得分:1)

而不是

top: 50 !important;

尝试:

top: 50px;

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