一、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，為了保證排版正確、整齊必須使用
此樣式頁面為項目管理——項目登記
