Posicionamiento y estilo de Twitter Bootstrap Carousel Image Captions
Estoy tratando de cambiar la posición de Carousel en el sitio de Twitter Bootstrap. Lo que estoy intentando es colocar el título en el centro de la imagen (el centro está alineado desde arriba y hacia la izquierda). Ahora mismo está alineado abajo.
El código es el siguiente:-
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active" id="home-carousel-inner">
<img src="media/39440/CHI-3-4-2048x1152-v31931.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>Another dsdaf headline.</h1>
<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<a class="btn btn-large btn-primary" href="#">Learn more</a>
</div>
</div>
</div>
<div class="item">
<img src="media/39468/CIH-1-2048x1152-v31931.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>Another example headline.</h1>
<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<a class="btn btn-large btn-primary" href="#">Learn more</a>
</div>
</div>
</div>
<div class="item">
<img src="media/32602/CIH-2-2048x1152-1931.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>One more for good measure.</h1>
<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<a class="btn btn-large btn-primary" href="#">Browse gallery</a>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
Sería algo como esto ...
En este momento, se ve así: