## XS Grid Always horizontal

`col-xs-4`

`col-xs-4`

`col-xs-4`

## SM Grid Stacked at 768px

`col-sm-4`

`col-sm-4`

`col-sm-4`

## MD Grid Stacked at 992px

`col-md-4`

`col-md-4`

`col-md-4`

## LG Grid Stacked at 1200px

`col-lg-4`

`col-lg-4`

`col-lg-4`

## Mixed Grid For complex layouts

`col-sm-6` `col-lg-3`

`col-sm-6` `col-lg-3`

`col-sm-6` `col-lg-3`

`col-sm-6` `col-lg-3`

## Grid with Offsets For complex layouts

`col-sm-3`

`col-sm-3` `col-sm-offset-6`

`col-md-4` `col-md-offset-1`

`col-md-4` `col-md-offset-2`

`col-sm-6` `col-sm-offset-3`

## Cards in Grid

#### Card Title

Card's content..

#### Card Title

Card's content..

#### Card Title

Card's content..

#### Card Title

Card's content..

#### Card Title

Card's content..

#### Card Title

Card's content..

## Paragraphs in Grid

#### Paragraphs

### Flexible Grid

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### Many Options

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### For all screen sizes

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### Easy to use

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### Bootstrap Grid

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### 12 Columns

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna convallis accumsan dolor, nibh molestie cras hac ac ad massa vulputate.

### Multiple Layouts

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus. Fusce ante ante urna molestie bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### Mobile, Tablets and Desktop

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus. Fusce ante ante urna molestie bibendum tempus ante justo arcu erat accumsan adipiscing risus.

### Mixed Grid

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna convallis accumsan dolor, nibh molestie cras hac ac ad massa vulputate.

#### Apps

Admin

Frontend