Grid System

The template has a fixed-width centered layout based on modified version of Skeleton CSS grid system.


Full Width

Nunc sagittis, velit ut porta imperdiet, felis tortor risus, ac euismod metus neque non dolor. Cras scelerisque, dui sit amet molestie semper, massa neque orci volutpat magna, porta mattis sapien lorem sed elit.

12
1/2 - One Half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras leo urna, convallis at tincidunt vel, convallis quis nisi. In eleifend ligula sit amet lacus suscipit tristique tempor turpis aliquet. Etiam sollicitudin turpis in quam tincidunt lacinia. Vivamus eu diam eros, consectetur eu eleifend quis, varius et felis.

6
1/2 - One Half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras leo urna, convallis at tincidunt vel, convallis quis nisi. In eleifend ligula sit amet lacus suscipit tristique tempor turpis aliquet. Etiam sollicitudin turpis in quam tincidunt lacinia. Vivamus eu diam eros, consectetur eu eleifend quis, varius et felis.

6
1/3 - One Third

Aliquam lectus ligula, fringilla quis ornare nec, sodales mollis nibh. Praesent eu libero risus. Donec a volutpat purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

4
1/3 - One Third

Aliquam lectus ligula, fringilla quis ornare nec, sodales mollis nibh. Praesent eu libero risus. Donec a volutpat purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

4
1/3 - One Third

Aliquam lectus ligula, fringilla quis ornare nec, sodales mollis nibh. Praesent eu libero risus. Donec a volutpat purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

4
2/3 - Two Thirds

Sed commodo fermentum urna nec rutrum. Pellentesque a consectetur lectus maecenas in sapien nunc volutpat purus. Duis congue enim non quam malesuada fringilla. Duis placerat tellus sed arcu vehicula ac ultrices eros condimentum. Duis quis elit eu purus fringilla gravida.

8
1/3 - One Third

Sed commodo fermentum urna nec rutrum. Pellentesque a consectetur lectus maecenas in sapien nunc volutpat purus himenaeos.

4
1/4 - One Fourth

Curabitur et luctus augue porta pretium. Vivamus ut arcu in arcu mollis tortor sed con sectetur id mauris.

3
1/4 - One Fourth

Curabitur et luctus augue porta pretium. Vivamus ut arcu in arcu mollis tortor sed con sectetur id mauris.

3
1/4 - One Fourth

Curabitur et luctus augue porta pretium. Vivamus ut arcu in arcu mollis tortor sed con sectetur id mauris.

3
1/4 - One Fourth

Curabitur et luctus augue porta pretium. Vivamus ut arcu in arcu mollis tortor sed con sectetur id mauris.

3
3/4 - Three Fourths

Nunc pellentesque mi placerat nisl posuere laoreet tincidunt metus ullamcorper. Curabitur vitae dolor justo, sed aliquet ligula. Vivamus sapien nibh, aliquam vel condimentum at, convallis ac nulla. Vivamus tellus mauris, pulvinar a tincidunt vel, iaculis eu eros condimentum at convallis ac nulla. Morbi porta, urna at euismod placerat, nibh mauris tincidunt erat, quis lobortis leo augue ac erat. Aenean quis diam nunc. Quisque nisl enim, volutpat vitae fermentum.

9
1/4 - One Fourth

Nunc pellentesque mi placerat nisl posuere laoreet tincidunt metus ullamcorper. Curabitur vitae dolor justo, sed aliquet ligula.

3
1/12 - One Column
1
2
3
4
5
6
7
8
9
10
11
12
1/2 - One Half fixed

The width of "fixed columns" section remains fixed for screens that are more than 767 pixels wide.

6
1/2 - One Half adaptive-to-fixed

The width of "adaptive-to-fixed columns" section adapts to the width of "fixed columns" section for screens that are more than 767 pixels wide.

6
1/3 - One Third fixed

The width of "fixed columns" section remains fixed for screens that are more than 767 pixels wide.

4
2/3 - Two Thirds adaptive-to-fixed

The width of "adaptive-to-fixed columns" section adapts to the width of "fixed columns" section for screens that are more than 767 pixels wide. Duis placerat tellus sed arcu vehicula ac ultrices eros condimentum.

8
1/4 - One Fourth fixed

The width of "fixed columns" section remains fixed for screens that are more than 767 pixels wide.

3
3/4 - Three Fourths adaptive-to-fixed

The width of "adaptive-to-fixed columns" section adapts to the width of "fixed columns" section for screens that are more than 767 pixels wide. Vivamus sapien nibh, aliquam vel condimentum at, convallis ac nulla. Morbi porta, urna at euismod placerat, nibh mauris tincidunt erat, quis lobortis leo augue ac erat. Aenean quis diam nunc.

9
Section 1/2 - adapted-max-767px

The width of "adapted-max-767px" section changes to "auto" (100%) for screens with maximum width of 767 pixels.

6
Section 1/2 - adapted-max-767px

The width of "adapted-max-767px" section changes to "auto" (100%) for screens with maximum width of 767 pixels.

6
Section 1/2 - adapted-max-959px

The width of "adapted-max-959px" section changes to "auto" (100%) for screens with maximum width of 959 pixels.

6
Section 1/2 - adapted-max-959px

The width of "adapted-max-959px" section changes to "auto" (100%) for screens with maximum width of 959 pixels.

6