Responsive Grid System

HTML 範例

流動網格系統，利用可自動縮放調適的欄位，來實現 Responsive Web Design。

兩欄式 Two Columns

1 of 2
1 of 2

三欄式 Three Columns

1 of 3
1 of 3
1 of 3

四欄式 Four Columns

1 of 4
1 of 4
1 of 4
1 of 4

五欄式 Five Columns

1 of 5
1 of 5
1 of 5
1 of 5
1 of 5

六欄式 Six Columns

1 of 6
1 of 6
1 of 6
1 of 6
1 of 6
1 of 6

七欄式 Seven Columns

1 of 7
1 of 7
1 of 7
1 of 7
1 of 7
1 of 7
1 of 7

八欄式 Eight Columns

1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8
1 of 8

九欄式 Nine Columns

1 of 9
1 of 9
1 of 9
1 of 9
1 of 9
1 of 9
1 of 9
1 of 9
1 of 9

十欄式 Ten Columns

1 of 10
1 of 10
1 of 10
1 of 10
1 of 10
1 of 10
1 of 10
1 of 10
1 of 10
1 of 10

十一欄式 Eleven Columns

1 of 11
1 of 11
1 of 11
1 of 11
1 of 11
1 of 11
1 of 11
1 of 11
1 of 11
1 of 11
1 of 11

十二欄式 Twelve Columns

1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
1 of 12
html5 css3
Jas