Как получить текст подписи jQuery для выравнивания с изображением?

Question

У меня проблема с carousel. Я хотел бы сделать заголовок той же ширины, что и изображение, но теперь он имеет ту же ширину, что и внутренний класс элемента.

я получаю следующий эффект:

Есть ли способ, чтобы установить заголовок так центрирована (и совмещенные с изображением)?

Моя разметка:

<div id="myCarousel" class="carousel slide"> 
    <!-- Carousel items --> 
    <div class="carousel-inner"> 
    <div class="active item"> 
     <div class="inner-item"> 
     <img src="img/1.jpg"> 
     </div> 
     <div class="carousel-caption"> 
     <p>Caption</p> 
     </div> 
    </div> 
    <div class="item"> 
     <div class="inner-item"> 
     <img src="img/1.jpg"> 
     </div> 
     <div class="carousel-caption"> 
     <p>Caption text here</p> 
     </div> 
    </div> 
    <div class="item"> 
     <div class="inner-item"> 
     <img src="img/1.jpg"> 
     </div> 
     <div class="carousel-caption"> 
     <p>Caption text here</p> 
     </div> 
    </div> 
    </div> 
    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div> 

Answer 1

Если я правильно понимаю ваш вопрос Почему вы не используете text-align:center; для заголовка и изменить ширину ширины изображения

.carousel-caption 
{ 
    text-align:center; 
    width:800px; 
    /*If you are having aligning problems and the position is absolute or relative use left:some_number px or margin if not absolute */ 

} 

Я надеюсь, что это может помочь :)