Относительный и абсолютный; Отзывчивое центральное положение? Bootstrap CSS ⇐ Html

[Anonymous]

Так что я создаю галерею изображений с начальной загрузкой и хотел бы, чтобы текстовое шоу было в центре изображений на парящих. Таким образом, как горизонтально, так и вертикально расположены 50% изображения (так что это отзывчиво). На данный момент я просто пытаюсь правильно отобразить текст поверх изображения, но, похоже, у меня возникают проблемы. < /P>
Вот код, который я использую: < /p>

Код: Выделить всё

[url=#]
[img]images/girl.jpg[/img]
 Text 
[/url]

Итак, я пытался дать Div , и IMG позиционирование элементов «относительного», а затем давая H2 позиционирование абсолютного, вверху и оставленного на 50%, однако, кажется, не сосредоточено вообще, и расположен в правом нижнем углу изображения. Если нет, я могу загрузить веб -файлы и предоставить ссылку, чтобы показать, как он не работает или на самом деле есть более простой или альтернативный метод для достижения этого?

Подробнее здесь: https://stackoverflow.com/questions/311 ... tstrap-css