bootstrap 实用笔记（1）

2018/12/15引用地址：
可以将css下到本地加快加载速度。

1.栅格系统

col-xs-*超小屏幕如手机 （<768px）时使用；
col-sm-*小屏幕如平板 （768px ≤ 宽度 ＜992px）时使用；
col-md-中等屏幕如普通显示器 （992px ≤ 宽度 ＜ 1200px）时使用；
col-lg- 大屏幕如大显示器 （≥1200px）时使用。
bootstrap将母元素看成12份，后面跟的数字代表占母元素12份中的几 份。各个类可以混杂使用
如class=“col-xs-6 col-sm-8 col-md-4”
（最新的css版本中会失效！！！！！！找了好久才找到原因。目前使用3.3.7版本）

2.表单验证
form-group :可用于表单布局，对form中的div添加该样式进行布局，同时配合form的class进行布局
form-control :充满整个父元素，并且有换行作用
control-label :元素内实现包含内容右对齐
input-group :输入框组，是对表单的扩展，可在form的div中方便的组合span和input等
(关于表单的结合实际，常用的并不多，多练习或者查询官方文档)

3.按钮及按钮组
btn 默认透明按钮
btn btn-default 默认白色按钮（有多种色调类型）
btn btn-default btn-lg（sm，xs）按钮大小，默认为md故没md类
btn btn-default btn-block 整宽按钮
active 已选择状态，使得当前按钮确定变成深色按钮
btn-group 将div内的按钮视觉上连成同组
btn-toolbar 统一多个按钮组