validate&bootsrap回顾

bootstrap:
    css框架,html/css/js集于一身.ie 6/7/8兼容性有问题
    开发响应式页面,使用于不同的上网设备
    使用步骤:
        1.导入bootstrap.css
        2.导入jquery.js
        3.导入bootstrap.js
        4.必须设置一个meta标签
        5.必须将内容放入一个布局容器
            .container或者.container-fluid
    前提:
        一行分成12份.
    
    栅格系统:
        分辨率>1200px             使用col-lg-n 样式
        1200px>分辨率>992px     使用col-md-n 样式
        992px>分辨率>768px         使用col-sm-n 样式
        768px>分辨率             使用col-xs-n 样式
    
    隐藏:
        hidden-xs|sm|md|lg     在什么屏幕下隐藏
        
    组成
        css样式
        组件 导航条 下拉菜单
        js插件    轮播图 选项卡

    validate插件:校验表单
        jquery的插件.
        使用步骤:
            1.导入jquery.js
            2.导入validate.js
            3.在页面加载成功之后 对表单进行校验
                $(function(){
                    $("选择器").validate();
                })
            4.在validate方法中编写校验规则即可
                $(function(){
                    $("选择器").validate({
                        rules:{
                            //格式1:  name值:"校验器"
                            //格式2:  name值:{校验器:值,校验器:值}
                        },
                        messages:{
                            //格式1:  name值:"提示信息"
                            //格式2:  name值:{校验器:"提示信息",校验器:"提示信息"}
                        }
                    });
                });
                
            常用的校验器:
                required:必须的
                min:最小值
                minlength:最小的长度
                
                range:取值区间
                rangelength:长度区间
                
                equalTo:jquery表达式  判断是否相等