Как грамотно наложить текст поверх картинки в бутстрапе?

Question

[Heorhii]

Две строчки текста написать нужно. Делал уже уже что-то похожее но там помимо этой картинки и текста ниче не было поэтому на велике)
А как грамотно хз. Подскажите?

Comments

[tommy_13]

я ничего не понял

[Heorhii]

tommy_13: картинка бэкграундом, на ней текст по центру

[tommy_13]

Георгий Городенко: блин. так сложности-то в чем?

[Heorhii]

tommy_13: в адаптивности собственно

[tommy_13]

Георгий Городенко: я не могу читать мысли

[Heorhii]

tommy_13: Ну смотри. Я бы мог текст с помощью top:50% запилить, но у меня вверху шапка а внизу еще блоки, и при уменьшении окна он слетает вниз за область картинки. А надо чтоб с картинкой уменьшался. Вот. Как-то так)

Answer 1

[Сергей Жубартович]

Можно сделать:

.block {
 position: relative;
}

.block__text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

и подкорректировать размер шрифта через медиа-запросы