Grid Layout | Clear Admin Template

# Grid Layout

### Responsive Grid Examples

This demostrates Bootstrap Grid system and how it responds to different screen sizes.

lg indicates that the large grid displaying. The grid stacks horizontally < 1200px.

md indicates that the medium grid displaying. The grid stacks horizontally < 992px.

sm indicates that the small grid displaying. The grid stacks horizontally < 768px.

xs indicates that the extra small grid displaying. This grid is always horizontal.

.col-lg-4 .col-md-4 .col-sm-3 .col-xs-4
.col-lg-4 .col-md-2 .col-sm-3 .col-xs-4
.col-lg-4 .col-md-6 .col-sm-6 .col-xs-4

### xs Grid

.col-xs-5
.col-xs-4
.col-xs-3

### sm Grid

.col-sm-2
.col-sm-4
.col-sm-6

### md Grid

.col-md-2
.col-md-4
.col-md-6

### lg Grid

.col-lg-4
.col-lg-4
.col-lg-4

### Gridstack

1
2
Drag me!
4
5
6
7
8
9
10
11

##### Contacts

- Annette
- Jordan
- Stewart
- Alfred
- Eileen
- Robert
- Cassandra

##### Recent Updates

- New Comment
- 3 New Followers
- Message Sent
- New Task
- Server Rebooted
- Server Not Responding
- New Order Placed
- Payment Received

##### Notifications

- John Doe
  5 members joined today
  Just now
- Tony
  likes a photo of you
  5 min
- John
  Dont forgot to call...
  11 min
- Jenny Kerry
  Done with it...
  1 Hour
- Ernest Kerry
  2 members joined today
  3 Days
- View All Notifications

##### Tasks

- Button Design 40%

  40% Complete (success)

- Theme Creation 20%

  20% Complete

- XYZ Task To Do 60%

  60% Complete (warning)

- Transitions Creation 80%

  80% Complete (danger)
- View All Tasks

##### Skins

##### General

- Available
- Login with Email
- Auto Update

##### Sound & Notification

- Chat Sound
- Notification Sound
- Remainder
- Volume