引導中的重疊元素

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; 
}