A

B

c

Bootstrapグリッドシステム

1

1

1

1

1

1

1

1

1

1

1

1

2

2

2

2

2

2

3

3

3

3

4

4

4

6

6

6

1

5

9 main area

3 side navi

11

11

auto部

12

left navi

main area

right navi

auto部

5

auto部

Bootstrapグリッドシステムレスポンシブ(sm追加で576pxを割ると縦並び)

1

1

1

1

1

1

1

1

1

1

1

1

2

2

2

2

2

2

Bootstrapグリッドシステムレスポンシブミックス(lgとmd追加で992pxと768pxを割ると変化)

1

1

1

1

1

1

1

1

1

1

1

1

2

2

2

2

2

2

Bootstrapグリッドシステム nest

Level 1: 9

Level 2: 8

Level 2: 4

Level 1: 3

Jumbotron（Hero Area）

はじめてのBootstrapへようこそ

Form

bootstrapオリジナルフォーム完全移植