1
2
3
4
5
6
7
8
9
10
11
12

1
2
3
4
5
6
7
8
9
10
11
12

1
2
3
4
5
6

1
2
3
4

1
2
3

1
2

中間寬度分為 576px、768px、992px、1200px

Box 模式
文字文字
文字文字

文字文字
文字文字

 邊界
 匡線
 內距

主板區塊
標題
內文

區塊面板
標題
文字
標題
文字
標題
文字

彈跳視窗

背景圖片
原圖
cover
contain
Cover (靠左對齊)
Cover (置中對齊)
Cover (靠右對齊)
Contain (靠上對齊)
Contain (置中對齊)
Contain (靠下對齊)

區塊標題

H1 標題 36px

H2 標題 30px

H3 標題 24px

H4 標題 18px

H5 標題 14px
一般文字 14px

按鈕
樣式
尺寸
全版

使用者輸入 UI

常用套件網址
圖片輪播: https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html
燈箱: http://cornel.bopp-art.com/lightcase/
圖示: https://fontawesome.com/icons?d=gallery
日曆選取UI: https://eonasdan.github.io/bootstrap-datetimepicker/