SO nested fluid grid example

SO nested fluid grid example

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<div class="container">
      <div class="row-fluid">
          <div class="span12 header"> header</div>
    </div><!-- end row -->
    
    
    <div class="row-fluid">
        <h2>hi</h2>
  <div class="span8">
  
    <div class="row-fluid">
      <div class="span6">nested col</div>
      <div class="span6">nested col</div>
    </div> <!-- end nested row -->
      <div class="row-fluid">
      <div class="span6">nested col</div>
      <div class="span6">nested col</div>
    </div> <!-- end nested row -->
  
  </div> <!-- end span 8 parent  -->
  
  <div class="span4">
  span 4
  </div>
  
</div> <!-- end row -->
    

</div> <!-- end container -->

CSS

.header{
    background-color:#999;
    height:150px;
    
}
.span4{
 background-color:pink; 
    height:600px;
}
.span6{
 background-color:olive; 
    height:300px;
    margin-top:2px;
}