Basic Grid

Mit dem Grid Element kann die Seite flexibel aufgeteielt werden. Das Standard Grid erstreckt sich über 12 Spalten. Es können in dem Grid beliebig viele Spalten mit unterschiedlichen Breiten eingestellt werden. Neben der Breite kann über die Push-Klasse auch ein Abstand erzeugt werden. Im folgenden findet ihr ein paar Beispiele.

12 Col Basic Grid

6 Col

Phasellus nunc purus, malesuada eget viverra et, venenatis non purus. Duis ante urna, vulputate imperdiet consequat a, laoreet non lacus. Curabitur pulvinar leo et turpis euismod, et tempor quam accumsan. Sed dignissim ultricies dui. Mauris eleifend consectetur magna quis interdum. Donec posuere magna enim, sit amet eleifend felis tincidunt sed. Integer pulvinar nisi interdum, pulvinar augue vitae, varius turpis. Phasellus sed egestas magna, non placerat justo. Nunc facilisis lacus nisi, a sollicitudin urna imperdiet quis. Quisque at blandit turpis, viverra auctor mauris. Aliquam porta tempor fermentum.

6 Col

In hac habitasse platea dictumst. Suspendisse quis sodales sapien, id condimentum ligula. Cras dapibus nunc et metus lacinia commodo. Suspendisse enim orci, ultrices imperdiet nulla sit amet, lacinia scelerisque sapien. Nunc a rhoncus justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. In volutpat dignissim commodo. Pellentesque molestie dolor at nunc pellentesque, a ultrices velit tempor.

Pushing Cols

1 Push 4 Width

Donec interdum consequat massa a condimentum. Vestibulum rutrum euismod vulputate. Suspendisse risus lectus, rutrum eget nunc ut, fermentum aliquam nisl. Fusce enim magna, aliquam ac euismod in, rhoncus ut tortor. Aenean vel tellus mi. Nunc tincidunt eget augue in eleifend. Suspendisse nec turpis tempor ipsum rhoncus pharetra. Morbi tincidunt orci sit amet interdum ultrices. Nam luctus suscipit elit.

1 Push 4 Width

Cras dapibus nunc et metus lacinia commodo. Suspendisse enim orci, ultrices imperdiet nulla sit amet, lacinia scelerisque sapien. Nunc a rhoncus justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. In volutpat dignissim commodo. Pellentesque molestie dolor at nunc pellentesque, a ultrices velit tempor.

Mixed Col Width

6 Cols

Donec interdum consequat massa a condimentum. Vestibulum rutrum euismod vulputate. Suspendisse risus lectus, rutrum eget nunc ut, fermentum aliquam nisl. Fusce enim magna, aliquam ac euismod in, rhoncus ut tortor. Aenean vel tellus mi. Nunc tincidunt eget augue in eleifend. Suspendisse nec turpis tempor ipsum rhoncus pharetra. Morbi tincidunt orci sit amet interdum ultrices. Nam luctus suscipit elit.

4 Cols

Integer pulvinar nisi interdum, pulvinar augue vitae, varius turpis. Phasellus sed egestas magna, non placerat justo. Nunc facilisis lacus nisi, a sollicitudin urna imperdiet quis. Quisque at blandit turpis, viverra auctor mauris. Aliquam porta tempor fermentum.

2 Cols

Sed volutpat erat id massa aliquet tincidunt vitae sed arcu.

Centered Col

Donec interdum consequat massa a condimentum. Vestibulum rutrum euismod vulputate. Suspendisse risus lectus, rutrum eget nunc ut, fermentum aliquam nisl. Fusce enim magna, aliquam ac euismod in, rhoncus ut tortor. Aenean vel tellus mi.