Как разместить текст поверх картинки?

Question

[Ilya Bobkov]

Доброго времени суток. Сейчас пытаюсь разместить текст поверх адаптивного изображения в bootsrtrap. Но ничего не выходит. Подскажите лучшее решение для реализации.

Мой код:

<div class="container-fluid">
	<div class="row">			
		<img src="/img/image.jpg" class="img-responsive">
		<h1>text</h1>
</div>	  		
</div>

Что нужно добавить?

Answer 1

[iBird Rose]

<div class="container-fluid">
  <div class="row">	
  <div class="img-wrap">		
    <img src="/img/image.jpg" class="img-responsive">
    <h1>text</h1>
 </div>
</div>	  		
</div>

.img-wrap {
  position: relative;
}

.img-wrap h1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}