Bootstrap Basic

Grid In Bootstrap

Grid in web design is a horizontal and vertical line that can be used for calculating structure of a web.
Bootstrap have a grid system that responsive and can calculate web width and weight that can compatible with user's device

	Super Small Device(<768px)	Small Device(>768px)	Medium Device(>992px)	Big Device(>1200px)
Grid Do	Keep Horizontaling	Horizontal Above BreakPoint	Horizontal Above BreakPoint	Horizontal Above BreakPoint
Max Weight Container	auto	750px	970px	1170px
First Class	.col-xs-	.col-xm-	.col-md-	.col-lg-
Column Total	12	12	12	12
Max Column Weight	auto	60px	78px	95px

Grid Basic Structure:

<div class=container>
<div class=row>
<div class=col-*-*> <div class=col-*-*> </div>

<div class=row>...</div>
</div> <div class=container>...

Bootstrap Basic Part 1