在此之前,你需要了解Orbit的版型架構:
Bootstrap
產品使用Bootstrap框架,我們的預設版型內已打包了Bootstrap 3.3.5版本,你可以應用一些現成的功能,且輕鬆根據顯示裝置來進行響應式調整。
The Bootstrap grid system has four classes:
- xs (for phones - screens less than 768px wide)
- sm (for tablets - screens equal to or greater than 768px wide)
- md (for small laptops - screens equal to or greater than 992px wide)
- lg (for laptops and desktops - screens equal to or greater than 1200px wide)
SCSS
使用CSS preprocessor提供程式語言的特性,如變數、運算、巢狀結構、匯入、函式與繼承等,預先對 CSS 進行結構化的工作,最後再編譯的網頁上可使用的 CSS ,檔案的副檔名使用.scss。
jQuery
在預設版型中,已插入jquery 1.11.0 minified,jQuery提供的Javascript的函數功能,讓設計師能夠製作流暢的網站特效及功能。當然,也歡迎使用原生javascript語法。
Font-awesome
如果你需要在設計中加入一些ICON圖示,預設版型中已插入font-awesome 4.3.0。你不需要下載任何圖片,在CSS或HTML中插入一小段語法,就能自由插入ICON。