Bootstrap

一、响应式尺寸划分 （ @media screen and (max（min）-width: 767px) {｝）
手机                 <  768px                    设置宽度为100%   语法：  
平板                 >= 768~ < 992px        设置宽度为750px
桌面显示器      >=  992~ < 1200px        宽度设置为970
大桌面显示器   >=  1200px                宽度设置为1170px

trim（）去掉空格

serialize() 直接拿到form表单里面的所有input的值
二、bootstrap使用

bootstrap使用四部曲：1.创建文件夹结构
                                       2.创建html骨架结构
                                       3.引入相关样式文件
                                       4.书写内容    
三、 布局容器
    Bootstrap需要为页面内容和栅格系统包裹一个 .container容器，Bootstarp预先定义好了这个类，叫做 .container
    它提供了两个作此用处的类。
1.container类
 响应式布局的容器 固定高度
 （1） 大屏 （>=1200px） 宽度定为1170px
 （2） 中屏 （>=992px） 宽度定为 970px
 （3） 小屏 （>=768px） 宽度定为 750px
 （5） 超小屏 （100%）

2.container-fluid类
 （1） 流式布局容器百分百宽度
 （2）  占据全部视口（viewport）的容器
 （3） 适合单独做移动端开发

四、Bootstrap使用栅格系统
1.栅格系统是分为行和列的
    所以要先写行，创建一div添加类名为row即可
2.Row下面的div为列
    如何设置每列占多宽？
   可以通过类名 col-xs-栅格的数量(设置超小屏幕)、 col-sm-栅格的数量(设置小屏幕)、 col-md-栅格的数量(设置中等屏幕)、 col-lg- 栅格的数量(设置大屏幕)
   3.如果列的栅格得数量加一起没有超过12咋可能出现空白并在一行显示
   4.如果列的栅格数量加一起超过12，则在开始超过12的那个换行显示

5. 列的类名可以写多个
 也就是可以同时设置col-xs-、 col-sm-、 col-md-、 col-lg- n 这样的话，在不同屏幕下就会有不同的结构样