Comparison of Foundation grid elements from version 2-5

foundation_grids.html

<!-- Foundation 2.x, http://foundation.zurb.com/docs/v/2.2.1/grid.php -->
<div class="container">
  <div class="row">
    <div class="eight columns">
      Eight columns
    </div>
    <div class="four columns">
      Four columns					
    </div>
  </div>
  <div class="row">
		<div class="one columns">
			.one				
		</div>
		<div class="ten columns offset-by-one">
			.ten.columns.offset-by-one			
		</div>
	</div>
</div>

<!-- Foundation 3.x, http://foundation.zurb.com/docs/v/3.2.5/grid.php -->
<div class="row">
  <div class="four columns">
    .four.columns
  </div>
  <div class="four columns">
    .four.columns
  </div>
  <div class="four columns">
    .four.columns
  </div>
</div>

<div class="row">
  <div class="one columns">
    .one
  </div>
  <div class="ten columns offset-by-one">
    .ten.columns.offset-by-one
  </div>
</div>

<!-- Foundation 4.x, http://foundation.zurb.com/docs/v/4.3.2/components/grid.html -->
<div class="row">
  <div class="small-2 large-4 columns">...</div>
  <div class="small-4 large-4 columns">...</div>
  <div class="small-6 large-4 columns">...</div>
</div>
<div class="row">
  <div class="large-1 columns">1</div>
  <div class="large-10 large-offset-1 columns">10, offset 1</div>
</div>

<!-- Foundation 5.x -->

<div class="row">
  <div class="large-1 columns">1</div>
  <div class="large-11 columns">11</div>
</div>
<div class="row">
  <div class="large-1 columns">1</div>
  <div class="large-10 large-offset-1 columns">10, offset 1</div>
</div>