一、css文件引入
头部css文件引入顺序
注意：css文件引入顺序严格按照此顺序，引入新插件样式时放在第二部分，不得随意更改
1、第一部分（bootstrap核心包）
Bootstrip的核心样式，如图
!
2、第二部分（插件区域）
插件样式，（所有的插件自带的样式，都放在此处，并写注释，只有此处可插入文件，其它部分按照顺序严格执行）如图
3、第三部分（控制插件的文件）
本框架原控制插件样式的css文件，必须放在插件下面，如图
4、第四部分（页面）
本框架控制页面内所有页面样式的css文件，本文件也为本框架自带，不可更改，如图
5、第五部分（公用css）
公司的公用样式
6、第六部分（layout框架文件）
控制框架的样式，此处的css样式主要是定义了框架里面版面的样式
注意：layout.css只有框架首页的页面需要引入，其它页面只需要layout.css
7、第七部分（定义框架的颜色风格）
定义框架颜色风格的样式（框架风格文件）
8、第八部分（自定义css）
根据项目页面要求自定义的样式，这也是唯一一个能够更改的css，其它css文件不可更改
二、
js文件引入
1、第一部分（bootstrap核心包）
Bootstrap核心包
2、第二部分（插件区域）
插件样式（此处为插件的自带js文件，不可更改文件内容，每一种插件都要注释解释）
3、第三部分（控制插件的样式）
控制页面中插件的特效样式
4、第四部分（layout框架样式）
这些样式在非框架页面不许引用
这个app.min.css只有在使用放大图片查看的插件的时候引用
5、第五部分（自定义样式）
自定义的js样式，新增加的js样式都写在这个文件里
三、页面通用标准规范
1、页面头部容器
在建立新页面时必须使用这4段代码包裹
2、左右布局
在栅格容器的下面，使用inbox-sidebar包裹，左右都使用inbox-sidebar
3、面包屑布局
4、页面标题
5、右侧有按钮的标题
四、表格页面标准规范
1、表格的搜索条件
现在的搜索条件最多排两行，文字右对齐，不需要的删除，之前有一种下拉单选无搜索框的样式，但这种样式无法自适应，已经取消了，如需使用请在select标签上添加.select-search-no样式
2、bootstrip表格规范
表格规定显示25条表格数据，有翻页样式
3、表格内按钮的样式
规定了表格内按钮的样式，注意按钮组合时的顺序
编辑/详情/删除
图中红框部分是表格内按钮必须要使用的class，蓝框内的class控制按钮的颜色，使用xs
4、
左右布局表格
左右都有标题，按钮图标根据按钮的内容修改，具体使用样式请参考表格内按钮的样式，使用sm
5、表格高度的问题
因为使用的表格数据是页面加载后才刷新出来，所以页面的高度无法随着表格的高度变化，表格撑不起页面高度，解决方案如下
（1）将表格包裹在容器里，如 注意：不一定必须包在栅格里，只要是div就好，推荐使用栅格
（2）为表格设置合适的高度
（3）在整个页面的三层容器的最下面定义一个div，设置宽高 注意：一定要在页面的最后写，只要是div有宽高都可以，推荐使用栅格，高度写行内式，高度可自行调整
五、编辑页面标准规范
1、页面区域分块样式
2、编辑添加页面表单样式
此样式如图所示，文字内容全部右对齐，在form标签之前的div标签添加right
表单的内容嵌套如下图所示
图中用红框选出来的区域，是必须要添加使用的class，为了保证排版正确、整齐必须使用
此样式页面为项目管理——项目登记
