Я пытаюсь расширить стандартную карусель изображений Bootstrap для поддержки изображений с динамическим размером (макс. 500x400), центрированных как по горизонтали, так и по вертикали. Кроме того, я хотел бы сохранить первоначальный макет подписи, который привязывает подпись к нижней части изображения, при этом раздел подписи полностью простирается по всему изображению (но не дальше).
Я собрал скрипку, который является довольно чистой реализацией настройки Bootstrap по умолчанию (в конце раздела css есть только 4 дополнительных стиля):
http://jsfiddle.net/rdugan/JFBFU/26/
Я вполне могу легко выполнить требования к горизонтальному центрированию и подписи, добавив окружающий «встроенный» div вокруг изображения и подписи и используя «text-align: center» для родителя. Тем не менее, вертикальное центрирование остается проблемой (как всегда).
В качестве альтернативы я также пытался использовать «display: table-cell» (и сопутствующие стили центрирования) для разных элементов div с разными результатами — в некоторых случаях Я путаю функциональность карусели, в то время как в других я выполняю центрирование изображения, но теряю привязку подписи.
Любые подсказки были бы очень признательны — я довольно долго ломал над этим голову.