前端框架Bootstrap

这个是一个编写页面样式的框架！所有的所常见的样子都可以去这里面去运用与使用！
注：bootstrap的js代码是依赖于jQuery的，也就意味着你在使用Bootstrap动态效果的时候，一定要导入jQuery

可能需要自己去写或者会去使用到的属性！

class='container' 左右两侧留空白
class='container-fluid'左右两侧不留空白


class='row'将所在区域划分成12分
class='col-xs-数字'超小屏幕 手机 (<768px)
class='col-sm-数字' 小屏幕 平板 (≥768px)
class='col-md-数字'中等屏幕 桌面显示器 (≥992px)
class='col-lg-数字'大屏幕 大桌面显示器 (≥1200px)
注:区域内的总和数量一定不要大于12！！
注:可以选择移动位置col-md-offset-数字


class='table' 为任意 <table> 添加基本样式 (只有横向分隔线)
class='table table-hover' 行的悬停特效
class='table table-striped' 表格添加斑马线形式的条纹
class='table table-bordered' 为所有表格的单元格添加边框
class='active'	将悬停的颜色应用在行或者单元格上
class='success'	表示成功的操作	
class='info'	表示信息变化的操作	
class='warning'	表示一个警告的操作	
class='danger'	表示一个危险的操作
注:最明显的区别是颜色变换(我觉得这个可以当修改颜色的属性)

class='form-control' 
以下是它的效果
1、宽度变成了100%
2、设置了一个浅灰色（#ccc）的边框
3、具有4px的圆角
4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化
5、设置了placeholder的颜色为#999

class='btn' 给元素加上圆角，灰色的按钮的默认样式
class='btn btn-info'
class='btn btn-success'
class='btn btn-default'
class='btn btn-danger'
class='btn btn-warning'
class='btn btn-lg' 大按钮
class='btn btn-sm' 小按钮
class='btn btn-xs' 超小按钮
class='btn btn-primary' 原始按钮样式
class='btn btn-block' 变成块级便签并且拉伸了100%宽度

class="glyphicon 图标" 增加图标

class='navbar' 设置nav元素为导航条组件
class='navbar navbar-default' 指定导航条组件为默认主题；
class='navbar navbar-inverse' 指定导航条组件为黑色主题；

class="pagination" 分页
class='pager' 翻页

swal('h1','h3','颜色') 弹出
例
swal('你还好吗?','我不好，想你了!','info')