Bootstrap Carousel Caption Top Alignment?

时间:2014-01-19 04:19:09

标签: css twitter-bootstrap alignment carousel

我不是想在这里做任何过于花哨的事情,但是我没有将Bootstrap Carousel Captions默认对齐到Carousel的底部,如何让它们默认对齐到顶部?

3 个答案:

答案 0 :(得分:30)

将此添加到您的css以更改元素位置:

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

参见 demo fiddle

答案 1 :(得分:4)

你也可以:

.carousel-caption {
   position: absolute;
   top:-40px
}

答案 2 :(得分:0)

Bootstrap 4支持以下类:text-left,该类将内容文本向左对齐。所以:

<div class="carousel-caption text-left">