"Date view"
Bootstrap 3.2.0 Snippet by wallace7souza

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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">
<div class="text-center date-body" style="width:150px">
<label for="" class="date-title">Setembro/2015</label>
<div class="date-content">
<p class="dia">10</p>
<hr class="nomargin"/>
<p class="nomargin"><strong>quinta-feira</strong></p>
<p class="nomargin"><strong>pela manhã</strong></p>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.date-body{
background-color: #0072bc;padding-bottom: 5px;
}
.date-body .date-title{
color: white;
}
.date-body .date-content{
background-color: white;margin-left: 5px;margin-right: 5px;
}
.date-body .date-content p.dia{
margin: 0; font-size: 45px; font-weight: bold;
}
.nomargin{
margin: 0;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: