bootstrap表单
1.bootstrap表单
（1）form 声明一个表单域
（2）form-inline 内联表单域
（3）form-horizontal 水平排列表单域
（4）form-group 表单组、包括表单文字和表单控件
（5）form-control 文本输入框、下拉列表控件样式
（6）checkbox check-inline 多选框样式
（7）radio radio-inline 单选框样式
（8）input-group 表单控件组
（9）input-group-addon 表单控件组物件样式
（10）input-group-btn 表单控件组物件为按钮的样式
（11）form-group-lg 大尺寸表单
（12）form-group-sm 小尺寸表单
表单
表单
2.bootstrap容器
container-fluid流体
container
。1170
。970
。750
。100%3.bootstrap响应式查询区间：
（1）>=768
（2）>=992
（3）>=1200
container
响应式容器
4.bootstrap栅格系统
bootstrap将页面横向分为12等分，按照12等分定义了适应不同宽度等分的样式类，这些样式类组成了一套响应式、移动设备优先的流式栅格系统：
（1）col-lg-大于1200排成一行，小于1200分别占一行
（2）col-md-大于992排成一行，小于992分别占一行
（3）col-sm-大于768排成一行，小于768分别占一行
（4）col-xs-始终排列成一行
container
栅格系统：col-lg-,大于1200一行
栅格系统：col-md-,大于992一行
col-md-3col-md-4col-md-3col-md-2
栅格系统：col-sm-,大于768一行
col-sm-3col-sm-4col-sm-3col-sm-2
栅格系统：col-xs-,始终一行
col-xs-3col-xs-4col-xs-3col-xs-2
5.栅格系统：响应式原理
栅格
栅格系统：响应式
6.列偏移
（1）col-lg-offset-
（2）col-md-offset-
（3）col-sm-offset-
（4）col-xs-offset-7.栅格偏移
（1）hidden-xs
（2）hidden-sm
（3）hidden-md
（4）hidden-lg
栅格偏移
栅格系统：col-lg-,大于1200一行
col-lg-5col-lg-5col-lg-4col-lg-4
栅格系统：隐藏
col-lg-4col-lg-4col-lg-4
8.bootstrap 按钮
（1）btn 声明按钮
（2）btn-default 默认按钮样式
（3）btn-primay
（4）btn-success
（5）btn-info
（6）btn-warning
（7）btn-danger
（8）btn-link
（9）btn-lg
（10）btn-md
（11）btn-xs
（12）btn-block 宽度是父级宽100%的按钮
（13）active
（14）disabled
（15）btn-group 定义按钮组
按钮
按钮
上一篇：bootstrap 模态框
下一篇：移动端js事件和库
相关内容
