Bootsnipp

Simple 8 area layout

Author:

David Sheeks

Snipp created on:

2012-09-30 13:17:57

Description:

Simple but effective 8 area layout.

Tags:

containers layouts

Snipp preview:

area 1
area 2

area 3
area 4
area 5

area 6

area 7

area 8

Snipp HTML code:

Like Bootsnipp? Please give a tip: 

<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>

Share this snipp:

Comments? :

comments powered by Disqus