day06 回顾: bootstrap: css框架,html/css/js集于一身,ie 6/7/8兼容有问题 开发响应式页面,使用于不同的上网设备 使用步骤: 1.导入bootstrap.css 2.导入jque ...
day06
回顾:
bootstrap:
css框架,html/css/js集于一身,ie 6/7/8兼容有问题
开发响应式页面,使用于不同的上网设备
使用步骤:
1.导入bootstrap.css
2.导入jquery.js
3.导入boostrap.js
4.bixu设置一个meat标签
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:取值区间 rengelength:长度区间
equalTo:jquery表达式 判断是否相等
原标题:JavaWeb前端笔记
关键词:JAVA
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。