"Stripes Background Heading"
Bootstrap 3.3.0 Snippet by BlaZeX

1
2
3
4
5
6
7
8
9
10
11
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: