一、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，为了保证排版正确、整齐必须使用 此样式页面为项目管理——项目登记