"Date view"
Bootstrap 3.2.0 Snippet by Mehedi-BN

<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>
.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; }

Related: See More


Questions / Comments: