<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="container"> <div class="row"> <h2 class="h2-bg text-center"><span class="h2-bg-white">Stripes Background Heading</span></h2> <p>This is just simple Heading having stripes as background of the HEADING element. The thickness of the stripes & colors can be easily customized. Stripes are generated via CSS and no images are used.</p> </div> </div>

.h2-bg{ margin: 30px 0; background: repeating-linear-gradient( -45deg, #e6f4ff, #e6f4ff 2px, #fff 3px, #fff 8px ); } .h2-bg-white{ background: #fff; padding: 1px 20px; }