The Columns

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit porro laudantium sequi. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

  1. Home
  2. Elements
  3. Columns

Default Grid System

1/1 - Width with H3 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis numquam molestiae amet sint optio! Nulla enim iure ut explicabo eum quidem unde magni quis quo ab, fugiat quisquam vitae, modi?

1/2 - Width with H3 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis numquam molestiae amet sint optio! Nulla enim iure ut explicabo eum quidem unde magni quis quo ab, fugiat quisquam vitae, modi?

1/2 - Width with H3 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima itaque quae doloribus alias assumenda ratione tempora corrupti ea obcaecati, natus dolor perferendis suscipit quos voluptatum libero

1/3 - Width with H4 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A perferendis error veritatis rem, inventore repellat, sequi dolor possimus laboriosam ea, eveniet officiis eaque quaerat debitis ad consectetur natus, est aliquid.

1/3 - Width with H4 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/3 - Width with H4 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/4 - Width with H5 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A perferendis error veritatis rem, inventore repellat, sequi dolor possimus laboriosam ea, eveniet officiis eaque quaerat debitis ad consectetur natus, est aliquid.

1/4 - Width with H5 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/4 - Width with H5 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/4 - Width with H5 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/6 - Width with H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A perferendis error veritatis rem, inventore repellat, sequi dolor possimus laboriosam ea, eveniet officiis eaque quaerat debitis ad consectetur natus, est aliquid.

1/6 - Width with H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/6 - Width with H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/6 - Width with H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/6 - Width with H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/6 - Width with H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita blanditiis error libero cum, alias ad perspiciatis ea consequatur architecto atque, corporis repellendus officiis numquam deserunt eius, tenetur earum excepturi dolores!

1/4 - Width with H4 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis numquam molestiae amet sint optio! Nulla enim iure ut explicabo eum quidem unde magni quis quo ab, fugiat quisquam vitae, modi?

1/8 - Width with H4 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima itaque quae doloribus alias assumenda ratione tempora corrupti ea obcaecati, natus dolor perferendis suscipit quos voluptatum libero

Desktop Default Grid System

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
.col-md-8
.col-md-4
.col-md-9
.col-md-3
.col-md-10
.col-md-2
.col-md-11
.col-md-1
.col-md-12
.col-md-12
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-3
.col-md-9

Mobile and Desktop

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

Mobile, Tablet, Desktop

.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4