O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tweaking the layout

There are a few additional things you can do to adjust your layout within the grid. These include centering, offsetting, and changing the order of columns.

Centering columns

There may be times when you want to center some columns within your grid. For example, by creating a column with fewer than twelve cells and centering that column, you effectively create a margin on either side. The following is an example:

<div class="row">
  <div class="small-10 small-centered column">
  <!-- centered -->
  </div>
</div>

This will create a ten-cell column that is centered in the row as follows:

Centering columns

When you use the small-centered class alone, it centers ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required