Grid system

Flex Grid System

Check out the powerful features of custom flex grid system included in our toolkit for bootstrap.
It is really flexible, well documentated and easy to use.

.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-1
.cell-md-2
.cell-md-2
.cell-md-2
.cell-md-2
.cell-md-2
.cell-md-2
.cell-md-1-5
.cell-md-1-5
.cell-md-1-5
.cell-md-1-5
.cell-md-1-5
.cell-md-3
.cell-md-3
.cell-md-3
.cell-md-3
.cell-md-4
.cell-md-4
.cell-md-4
.cell-md-6
.cell-md-6
.cell-md-7
.cell-md-5
.cell-md-8
.cell-md-4
.cell-md-9
.cell-md-3
.cell-md-10
.cell-md-2
.cell-md-11
.cell-md-1

Take a look to some tasty features of our flex grid described below.

Default Layout

See an responsive example of default 1170px layout in action

John Doe

Software Developer

July Mao

Support Operator

Bernard Show

Creative Director

Ronald Oswald

Founder, Sales

Condensed Fullwidth Layout

Take a look to responsive image grids created with our condensed fullwidth layout

Wide Layout

Test our additional wide 1770px grid layout

Adapts to any device

Responsive & Retina

The information should be not only well - organized and easy to read, but it should be also presented in a visually pleasing manner, thus making the process of reading an enjoyable journey.

Smartly Coded & Maintained

Optimized for speed

The information should be not only well - organized and easy to read, but it should be also presented in a visually pleasing manner, thus making the process of reading an enjoyable journey.

Easy to Use and Customize

Truly Multi-Purpose

The information should be not only well - organized and easy to read, but it should be also presented in a visually pleasing manner, thus making the process of reading an enjoyable journey.

Higher Seearch Engines Rankings

Seo optimized

The information should be not only well - organized and easy to read, but it should be also presented in a visually pleasing manner, thus making the process of reading an enjoyable journey.

Mixed Layout

Mix a lot of predefined helper classes to create exact layout that you need

Intense is exactly what you need

The information should be not only well - organized and easy to read, but it should be also presented in a visually pleasing manner, thus making the process of reading an enjoyable journey.

Read more

Responsive Order Layout

Change display order of your content depending on screen resolution. Resize the page to see the action.

Social Integration

The information should be not only well-organized and easy to read. thus making the process enjoyable.

All images Included

The information should be not only well-organized and easy to read. thus making the process enjoyable.

2000+
icons

The information should be not only well-organized and easy to read. thus making the process enjoyable.

Responsive & Retina

The information should be not only well-organized and easy to read. thus making the process enjoyable.

Extensive docs

The information should be not only well-organized and easy to read. thus making the process enjoyable.

Video backgrounds

The information should be not only well-organized and easy to read. thus making the process enjoyable.

Bootstrap Grid

Default Bootstrap Grid is also included. Its fully compatible with Flex Grid from our Bootstrap Toolkit.

.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-7
.col-md-5
.col-md-8
.col-md-4
.col-md-9
.col-md-3
.col-md-10
.col-md-2
.col-md-11
.col-md-1