unlimited spans in Bootstrap

Unlimited spans

by panchroma

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>
  <div class="row">
    <div class="span12">end top container</div>
  </div>
  
</div><!-- end container -->

<div class="container-fluid">
  <div class="row">
  
 <div class="span4 count0">span4-1</div>
 <div class="span4 count1">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 count2">span4-3</div>
 <div class="span4 count0">span4-4</div>
 <div class="span4 count1">span4-5</div>
 <div class="span4 count2">span4-6</div>
 <div class="span4 count0">span4-7 <img src="https://dl.dropbox.com/u/2665617/bootstrap/images/image1.jpg"></img></div>
 <div class="span4 count1">span4-8</div>
 <div class="span4 count2">span4-9</div>
 <div class="span4 count0">span4-10</div>
    
  </div><!-- close row -->
</div> <!-- close container2 -->

CSS

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

.count0{
  clear:both;
}