Container

Use container-fluid for 100% Screen size & container is 90% middle of the site.

.container-fluid

.container

Code:

Grid System

Handcuff CSS provide 12 columns.

Small Screen (< 600px)

Medium Screen (601-992px)

Big Screen (> 993px)

.col-sm-*

.col-md-*

.col-bg-*

Grid Option

Handcuff CSS provide 12 columns.

.col-md-1

.col-md-3

.col-md-6

.col-md-3.

Code:


    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-6
    col-md-3.

Responsive Design

Handcuff CSS provide 12 columns.

col-sm-12 col-md-6 col-bg-8

col-sm-12 col-md-6 col-bg-4

col-sm-12 col-md-6 col-bg-8

Code:


    col-sm-12 col-md-6 col-bg-8
    col-sm-12 col-md-6 col-bg-4



    col-sm-12 col-md-6 col-bg-4
    col-sm-12 col-md-6 col-bg-8

Typography

Handcuff CSS provide 12 columns.

This is heading One

This is heading Two

This is heading three

This is heading four

This is heading five

This is heading six

Code:

This is heading One
This is heading Two
This is heading three
This is heading four
This is heading five
This is heading six