How to align the caption text to the right in a bootstrap caroussel?

Question

I want to align the caption text of a twitter bootstrap caroussel to the right. How can I do so ?

<div class="carousel-inner">
    <div class="item active">
        <img src="img/img1.png" alt="" class="img-responsive">
        <div class="carousel-caption right-caption">
            This is the text I want to put on the right.
        </div>
     </div>
 </div>

Answer 1

try to wrap your text with class text-right.

<div class="carousel-inner">
    <div class="item active">
        <img src="img/img1.png" alt="" class="img-responsive">
        <div class="carousel-caption right-caption text-right">
            This is the text I want to put on the right.
        </div>
     </div>
</div>