"Simple 8 area layout"
Bootstrap 2.3.2 Snippet by Geniusone

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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-fluid"> <div class="row-fluid"> <div class="span12 well"> area 1 </div> </div> </div> <div class="container-fluid"> <div class="row-fluid"> <div class="span12 well"> area 2 </div> </div> </div> <br> <div class="container-fluid"> <div class="row-fluid"> <div class="span4 well"> area 3 </div> <div class="span4 well"> area 4 </div> <div class="span4 well"> area 5 </div> </div> <!-- End Row --> </div> <!-- End Container --> <br> <div class="container-fluid"> <div class="row-fluid"> <div class="span12 well"> area 6 </div> </div> </div> <br> <div class="container-fluid"> <div class="row-fluid"> <div class="span12 well"> area 7 </div> </div> </div> <br> <div class="container-fluid"> <div class="row-fluid"> <div class="span12 well"> area 8 </div> </div> </div>

Related: See More


Questions / Comments: