Grid


Using Predefined HTML Classes

Create powerful multi-device layouts quickly and easily with the 12-column, nestable grid. If you’re familiar with grid systems, you’ll feel right at home. If not, you’ll learn quickly.


One half columns

[one_half]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/one_half][one_half]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/one_half]

One third columns

[one_third]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/one_third][one_third]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/one_third][one_third]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/one_third]

One fourth columns

[one_fourth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing!

[/one_fourth][one_fourth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing!

[/one_fourth][one_fourth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing!

[/one_fourth][one_fourth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing!

[/one_fourth]

One sixth columns

[one_sixth]

Making the world a better place, starts with one more smiling face.

[/one_sixth][one_sixth]

Making the world a better place, starts with one more smiling face.

[/one_sixth][one_sixth]

Making the world a better place, starts with one more smiling face.

[/one_sixth][one_sixth]

Making the world a better place, starts with one more smiling face.

[/one_sixth][one_sixth]

Making the world a better place, starts with one more smiling face.

[/one_sixth][one_sixth]

Making the world a better place, starts with one more smiling face.

[/one_sixth]

Mixed columns

[one_third]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just…

[/one_third][two_third]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/two_third]

 

[one_fourth]

Making the world a better place, starts with one more smiling face.

[/one_fourth][three_fourth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/three_fourth]

 

[five_twelveth]

Making the world a better place, starts with one more smiling face. Making the world a better place, starts with one more smiling face.

[/five_twelveth][seven_twelveth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/seven_twelveth]

 

[five_sixth]

Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on!

[/five_sixth][one_sixth]

Put a smile on, put a smile on…

[/one_sixth]

There are no comments