Bootstrap cheatsheet

This is a basic Bootstrap cheatsheet. Also, this div is placed inside container-fluid

Click for full Reference

This is bootstrap !

This div and h1 is placed in the container tag ! In fact, Everthing should be placed inside a container

Click for more

Grid system is essential for RWD

Click for more

This col-*-** is placed inside a div with class of row

The first * is for the screen type (xs = Phone, sm = Tablets, md = desktops , lg = larger destops)

It changes size according to the screen

(There are table, table-striped, table-bordered ,table-hover ,table-condensed and contextual class which can be used in tr and td )

Click for more
Firstname Lastname Email
Tanyawat Vittayapalotai [email protected]
Putthimeth Hongskul [email protected]

Bootstrap allow img-rounded, img-circle, img-thumbnail and img-responsive and can be used to create Image gallery

Click for more


This is a jumbotron. Inside a Div


This is a jumbotron. Outside of a Div

Click for more

add page-header class for page header effect

Click for more

well adds a rounded border and grey background and a bit of padding.

Click for more
Small well ( well-sm )
Normal well
Large well ( well-lg )