Bootstrap 3: Text overlay on image

Answer 1

try the following example. Image overlay with text on image. demo

  
  
  
  
 
  

    
Robots!
    
Lorem ipsum dolor sit amet
   
  
  

css

.post-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    opacity: 0.5;
    top:0;
    left:0;
    min-width: 500px;
    min-height: 500px; 
    position: absolute;
    color: #ffffff; 
}

.thumbnail{
    position:relative;

}
.details {
    position: absolute; 
    z-index: 2; 
    top: 0;
    color: #ffffff; 
}