Bootstrap Snippet Simple 8 area layout using HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 -->
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Simple 8 area layout"
Bootstrap 2.3.2 Snippet by msurguy

Related: See More

Questions / Comments:

"Simple 8 area layout" Bootstrap 2.3.2 Snippet by msurguy

Related: See More

Questions / Comments:

"Simple 8 area layout"
Bootstrap 2.3.2 Snippet by msurguy