#

回首頁

:::

Get started

  • 2019-12-03
  • Chihyu Liu
{{Alt_title}}

首先,歡迎你加入版型設計師社群!投稿版型上傳,經我們審核後,將會上架至版型線上商店。
在此之前,你需要了解Orbit的版型架構:

Bootstrap
產品使用Bootstrap框架,我們的預設版型內已打包了Bootstrap 3.3.5版本,你可以應用一些現成的功能,且輕鬆根據顯示裝置來進行響應式調整。
The Bootstrap grid system has four classes:

  • xs (for phones - screens less than48.0em wide)
  • sm (for tablets - screens equal to or greater than48.0em wide)
  • md (for small laptops - screens equal to or greater than62.0em wide)
  • lg (for laptops and desktops - screens equal to or greater than75.0em wide)

SCSS 
使用CSS preprocessor提供程式語言的特性,如變數、運算、巢狀結構、匯入、函式與繼承等,預先對 CSS 進行結構化的工作,最後再編譯的網頁上可使用的 CSS ,檔案的副檔名使用.scss

jQuery 
在預設版型中,已插入jquery 1.11.0 minifiedjQuery提供的Javascript的函數功能,讓設計師能夠製作流暢的網站特效及功能。當然,也歡迎使用原生javascript語法。

Font-awesome 
如果你需要在設計中加入一些ICON圖示,預設版型中已插入font-awesome 4.3.0。你不需要下載任何圖片,在CSSHTML中插入一小段語法,就能自由插入ICON



 
TOP