Columns

Bootstrap is built on a responsive 12-column grid

1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12

SSolum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima.orem ipsum dolor sit amet, doming ullamcorper vix no, hinc dictas.

OSolum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima. Lorem ipsum dolor sit amet, doming ullamcorper vix no.

h2 heading

1/3 - one-third

Solum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne. Per bonorum dolores posidonium.

2/3 - two-thirds

Solum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima. Per bonorum dolores posidonium id, nam eu prima.orem ipsum dolor sit amet doming.

h3 heading

2/3 - two-thirds

Solum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima. Per bonorum dolores posidonium id, nam eu prima.orem ipsum dolor sit amet doming.

1/3 - one-third

Solum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne. Per bonorum dolores Veniam blandit.

h4 heading

1/4 - one quarter

Solum consetetur conclusionemque ea eum, quem iriure consetetur. Veniam blandit an sed. Per bonorum dolores.

3/4 - three-quarters

Solum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima. Per bonorum dolores posidonium id, nam eu prima.orem ipsum dolor sit amet, doming ullamcorper vix no.

h5 heading
3/4 - three-quarters

Solum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima.

1/4 - one quarter

Solum consetetur conclusionemque ea eum, quem iriure consetetur Veniam.

h6 heading
1/4 - one quarter

Solum consetetur conclusionemque ea eum, quem iriure consetetur.Veniam blandit an sed. Per bonorum dolores.

1/4 - one quarter

Solum consetetur conclusionemque ea eum, quem iriure consetetur.Veniam blandit an sed. Per bonorum dolores.

1/4 - one quarter

Solum consetetur conclusionemque ea eum, quem iriure consetetur.Veniam blandit an sed. Per bonorum dolores.

1/4 - one quarter

Solum consetetur conclusionemque ea eum, quem iriure consetetur.Veniam blandit an sed. Per bonorum dolores.

Offsetting Columns

4
4 offset 4
3 offset 3
3 offset 3
8 offset 4