unlimited spans in Bootstrap

Unlimited spans

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<div class="container-fluid">
<div class="row">
    <div class="span4">X</div>
    <div class="span4">X</div>
    <div class="span4">X</div>
</div>
<div class="row">
    <div class="span4">X</div>
    <div class="span4">X</div>
    <div class="span4">X</div>
</div>
<div class="row">
    <div class="span4">X</div>
    <div class="span4">X</div>
    <div class="span4">X</div>
    <div class="row">
    <div class="span4">nepasuje</div>
    <div class="row">
    <div class="span4">nepasuje</div>
    </div>
</div>
  <div class="row">
    <div class="span12">end top container</div>
  </div>
  
</div><!-- end container -->

<div class="container-fluid dynamic">
  <div class="row">
  
 <div class="span4">span4-1</div>
 <div class="span4">span4-22
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in est ut enim malesuada rutrum. Sed ut urna mi, id hendrerit felis. Etiam eget tellus id felis egestas accumsan ut non nibh. Donec dictum feugiat erat ut elementum. Praesent lobortis dui nec justo facilisis bibendum. </div>
 <div class="span4">span4-3</div>
 <div class="span4">span4-4</div>
 <div class="span4">span4-5</div>
 <div class="span4">span4-6</div>
 <div class="span4">span4-7 <img src="https://dl.dropbox.com/u/2665617/bootstrap/images/image1.jpg"></img></div>
 <div class="span4">span4-8</div>
 <div class="span4">span4-9</div>
 <div class="span4">span4-10</div>
    
  </div><!-- close row -->
</div> <!-- close container2 -->

CSS

[class*='span'] {
  background-color:#aaa;
  border-bottom:solid white 3px;
}

.count0{
  clear:both;
}
.dynamic .row .span4:nth-child(3n+4) {  
  background-color: green;
   clear:left;
}