Hi. How can we help?

Home/Grid System/
Aligning Grid Columns

Aligning grid columns

13 Mar 2018 in: Grid System

Classes

align-right align-centeralign-stretchalign-justify

align-spacedalign-topalign-middlealign-bottom

as of v.5.5 chnages:

align right align centeralign stretchalign justify

align spacedalign topalign middlealign bottom

Align Right

Design is an evolutionary process, and filler text is just one tool in your progress-pushing arsenal. Use it where it makes sense to use it, and pull it once the natural process indicates that it’s time to roll out a descendant built with real content.

<div class="row align-right">
  <div class="columns"> ... </div>
</div>

Align Center

Design is an evolutionary process, and filler text is just one tool in your progress-pushing arsenal. Use it where it makes sense to use it, and pull it once the natural process indicates that it’s time to roll out a descendant built with real content.

<div class="row gutters align-center">
  <div class="columns"> ... </div>
</div>