Estoy tratando de extender el carrusel de imágenes Bootstrap predeterminado para admitir imágenes de tamaño dinámico (500x400 máx.), Centradas tanto horizontal como verticalmente. Además, me gustaría mantener el diseño de los subtítulos originales, que ancla los subtítulos a la parte inferior de la imagen, con el div del subtítulo extendiéndose completamente sobre la imagen (pero no más allá).

He reunido un violín, que es una implementación bastante limpia de la configuración predeterminada de Bootstrap (solo hay 4 estilos adicionales al final de la sección css):

http://jsfiddle.net/rdugan/JFBFU/26/

Puedo cumplir con bastante facilidad los requisitos de centrado y título horizontal agregando un div 'en línea' circundante alrededor de la imagen y el título, y usando 'text-align: center' en el padre. Sin embargo, el centrado vertical sigue siendo un problema (como siempre).

Como alternativa, también he intentado usar 'display: table-cell' (y los estilos de centrado que lo acompañan) en diferentes divs con resultados variables. En algunos casos, estropeo la funcionalidad del carrusel, mientras que en otros logro el centrado de la imagen. pero perder el título de anclaje.

Cualquier sugerencia sería muy apreciada, me he estado golpeando la cabeza en este por bastante tiempo.