"Background Overlay with text"
Bootstrap 3.1.0 Snippet by kovak

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row-fluid"> <div id="imagen"> <div class="container"> <h1>Background Overlay</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also theo leap into electronic typesetting, remaining essentially unchanged. It was popul</p> </div> </div>
#imagen { background: url(http://www.kovak.mx/images/header-overlay.png), url(http://lorempixel.com/1200/800/city)no-repeat center center fixed; padding: 170px 20px; } h1{font-size:45px;color:#fff;}

Related: See More


Questions / Comments: