SO nested non fluid grid example

SO nested non-fluid grid example

by eduan

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">
          <div class="span12 header"> header</div>
    </div><!-- end row -->
    
    
    <div class="row">
  
  <div class="span8">
  
    <div class="row">
      <div class="span4">nested col</div>
      <div class="span4">nested col</div>
    </div> <!-- end nested row -->
      <div class="row">
      <div class="span4">nested col</div>
      <div class="span4">nested col</div>
    </div> <!-- end nested row -->
  
  </div> <!-- end span 8 parent  -->
  
  <div class="span4 sidebar">
  span 4
  </div>
  
</div> <!-- end row -->
    

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

CSS

.header{
    background-color:#999;
    height:150px;
    
}

.span4{
 background-color:olive; 
    height:300px;
    margin-top:2px;
}

.sidebar{
    background-color:pink;
    margin-top:2px;
    height:600px;
}