Flexible, responsive 12-column grid system
The default grid system provided is a 940px-wide, 12-column grid. It also has four responsive variations for various devices and resolutions: phone, tablet portrait, tablet landscape and small desktops, and large widescreen desktops. Grid sytem provided by Twitter Bootstrap. Read more about it here.
12 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam! Vel augue, massa tincidunt! Platea augue, sit tincidunt, ut augue eu placerat porta diam egestas lectus porttitor cum, tristique, nunc vel. Sed phasellus amet dictumst non, parturient turpis! Elementum adipiscing, nec pellentesque, phasellus egestas, a nec, pellentesque risus integer nec non! Purus parturient nisi!
6 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
4 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque
3 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
2 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
4/8 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam! Vel augue, massa tincidunt! Platea augue, sit tincidunt, ut augue eu placerat porta diam egestas lectus.
2/8 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum.
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam! Vel augue, massa tincidunt! Platea augue, sit tincidunt, ut augue eu placerat porta diam egestas lectus porttitor cum, tristique, nunc vel. Sed phasellus amet dictumst non, parturient turpis! Elementum adipiscing.
6/3/3 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
6/3/3 columns wide
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et?
4/4 columns wide with 4 column offset
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque
Nested columns
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!
Sed tincidunt pulvinar elementum placerat enim pulvinar lorem massa nunc cum facilisis urna pulvinar scelerisque hac natoque magna. Et? Vel facilisis, velit lorem massa magnis? Nisi natoque ac, dignissim pid arcu nec et magnis proin porta? Magnis tempor a? Pulvinar, lectus mid etiam diam!