SO nested responsive grid example

SO nested responsive grid example

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://dl.dropbox.com/u/2665617/bootstrap/css/bootstrap.min.css">
<div class="containe1r">
    <h3>Nested row with default responsive grid (with bootstrap.min.css)</h3>

    <div class="row">
  
  <div class="span9">
  
    <div class="row">
      <div class="span6">nested col</div>
      <div class="span3">nested col</div>
    </div> <!-- end nested row -->
  
  </div> <!-- end span 9 parent  -->
  
  <div class="span3">
  span 3
  </div>
  
</div> <!-- end row -->
    

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

CSS

.span3{
 background-color:grey;   
}
.span6{
 background-color:yellow;   
}

.span9{
 background-color:blue;   
}