Bootstrap Carousel Caption Top Alignment?

Question

I'm not trying to do anything too fancy here, but instead of the Bootstrap Carousel Captions defaulting to aligning to the bottom of the Carousel, how do I get them to default align to the top?

score 42 · Accepted Answer · answered Jan 19 '14 at 06:56

42

Add this to your css to change the element position:

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

See demo fiddle

answered Jan 19 '14 at 06:56

omma2289

54,161
8
64
68

Thanks! That's what I was missing. – rayleone Jan 19 '14 at 12:51

score 5 · Answer 2 · answered Mar 28 '15 at 18:19

5

You could also:

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

answered Mar 28 '15 at 18:19

brroshan

1,640
17
19

score 0 · Answer 3 · answered Oct 12 '20 at 18:13

0

Bootstrap 4 supports the following class: text-left, which aligns the content text to the left. So:

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

answered Oct 12 '20 at 18:13

Bootstrap Carousel Caption Top Alignment?

3 Answers3

Linked