Bootstrap cheatsheet

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

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

Grid system is essential for RWD

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 )

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

Circle image with "img-circle" class added.

Round image with "img-rounded" class added.

Round image with "img-thumbnail" class added.

Jumbotron!!!

This is a jumbotron. Inside a Div

This is a jumbotron. Outside of a Div

add page-header class for page header effect

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

Small well ( well-sm )

Normal well

Large well ( well-lg )