bootstrap + validate总结

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表达式  判断是否相等