H+是一个完全响应式,基于Bootstrap3.3.6最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.4),当然,也集成了很多功能强大,用途广泛的jQuery插件,她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA等等,当然,您也可以对她进行深度定制,以做出更强系统。
h+ 演示地址 http://cn.inspinia.cn/hplus
整体效果
本篇文章是对H+这种框架进行整理,顺便了解一下标准的代码规范的写法。
一、表单:
1)、下面是一个基本表单:
现在来看这个表单的结构:
1.整个表单的外框结构是一个div,至于padding和margin,则需要大家根据实际项目的情况来设定。
2.div里面的第二部分先需要用<form></form>标签包裹,里面的每一个红色框都是一个form-group.
3.在每一个form-group里面,用label标签将标签头如“用户名,密码”等包裹起来。
4.自动登录和登录按钮的那里,一个左浮,一个右浮,对于自动登录。外面用label套住整个。然后是div里面装有input,然后是自动登录文字。
框架