Full Width Layout

Using Bootstraps grid layout, you can arrange elements simply by giving them the right classes like span12, span6, span3 and so on. Similarly for offsetting, you can use offset1, offset2, offset3, etc. The total amount of columns is always twelve.

Span12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo maiores sapiente nobis soluta saepe est labore quod ipsa doloremque consequatur minima libero sed sit! Iste deserunt placeat maiores nihil debitis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate repudiandae laboriosam eos nisi accusamus asperiores expedita ut officia eius fugit assumenda minus ex quasi reiciendis tenetur quam incidunt saepe hic!

Span8

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias cum eveniet consectetur! Quibusdam quasi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi quo commodi ad impedit excepturi tempore illum dolorum quis unde ipsum inventore iusto ex repudiandae dolores fugiat dicta labore nobis aspernatur.

Span4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias cum eveniet consectetur! Quibusdam quasi!

Span6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias cum eveniet consectetur! Quibusdam quasi!

Span6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias cum eveniet consectetur! Quibusdam quasi!

Span4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias.

Span4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias.

Span4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias.

Span3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe.

Span3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe.

Span3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe.

Span3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe.

Span8, Offset2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias cum eveniet consectetur! Quibusdam quasi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi quo commodi ad impedit excepturi tempore illum dolorum quis unde ipsum inventore iusto ex repudiandae dolores fugiat dicta labore nobis aspernatur.

Span6, Offset3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe illo quis distinctio ipsa cupiditate unde animi assumenda ex alias cum eveniet consectetur! Quibusdam quasi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi quo commodi ad impedit excepturi tempore illum dolorum quis unde ipsum inventore iusto ex repudiandae dolores fugiat dicta labore nobis aspernatur.

Span3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe.

Span3, Offset 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad fuga dolore tenetur odit accusamus saepe.