Bootstrap

容器

• 介绍：响应式布局框架，以下皆为类名

• 定义块，包裹内容的块元素

• 容器两边留白	container
  容器两边不留白	container-fluid
  

栅格网格系统

• bootstrap最强大的功能，外部需要有一个块元素包裹，这个块元素类名为row，里面就可以使用栅格网格系统，分别有四种，xs（手机），sm（ipad），md（小型电脑），lg（大型电脑），根据不同的设置在不同设备下显示不同的效果

• 定义行	row
  定义占据几份	col-lg-4	col-md-4	col-sm-4	col-xs-4
  

栅格系统列偏移

• 简单来说就是间距，距离的间距，也是分为四种设备，可以设置不同的间距

• 栅格系统列偏移，给需要偏移的容器加	col-lg-offset-1	col-md-offset-1	col-sm-offset-1	col-xs-offset-1
  

文本

• 设置文字样式，突出，对其方式

• 文字突出	lead
  文字左对齐	text-left
  文字右对齐	text-right
  文字居中对齐	text-center
  

表格

• 表格		table
  表格斑马线		table-striped
  表格边框线		table-bordered
  表格悬浮		table-hover
  表格单元格内间距缩一半		table-condensed
  表格响应式		table-responsive
  

图片

• 响应式图片	img-responsive
  图片圆角	img-rounded
  圆形图片	img-circle
  边框图片	img-thumbnail
  

辅助类

• 块居中		center-block
  三角形		caret
  显示		show
  隐藏		hidden
  

响应式显示隐藏

• 在不同设备下设置显示和隐藏

• xs端可见	visible-xs
  sm端可见	visible-sm
  md端可见	visible-md
  lg端可见	visible-lg
  
  xs端不可见	hidden-xs
  sm端不可见	hidden-sm
  md端不可见	hidden-md
  lg端不可见	hidden-lg