19

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?

3 Answers 3

42

Add this to your css to change the element position:

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

See demo fiddle

1
  • Thanks! That's what I was missing.
    – rayleone
    Jan 19, 2014 at 12:51
5

You could also:

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

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

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.