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?

Answer 1

Add this to your css to change the element position:

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

See demo fiddle

Answer 2

You could also:

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