наложения элементов в bootstrap

Question

Как совместить текст с изображением (текст перед изображением) и центрировать их, сохраняя как отзывчивое (без использования фиксированного положения или фонового изображения) в Bootstrap?

<pre> 
<!--jumbotron--> 
<div class="jumbotron"> 
<div class="container"> 
    <div class="brand"> 
    <h1 id="success">Alexandra</h1> 
    <img class="img-responsive" src="lavrente.jpg" width="300" height="52" > 
    </div> 
</div> 
</div> 
</pre> 

<pre>#success { 
color: #000; 
font-family: "Chopin Script"; 
position:relative; 
z-index: 1; 


} 
.img-responsive { 
position:relative; 

z-index: 0;} 

</pre> 

Answer 1

Использовать position: absolute на текст.

h1{ 
    position: absolute; 
}