Bootstrap レスポンシブ チェックツール

Bootstrapの変形ポイントとカラムサイズが完璧にわかるページです。(Bootstrap 公式サイト

0
Extra small devices (xs)
Small devices Tablets (sm)
Medium devices (md)
Large devices Desktops (lg)

Bootstrap transform widths

Bootstrap code Official width Real width
Extra small devices (xs) 0 to 767 0 to 750
Small devices Tablets (sm) 768 to 991 751 to 974
Medium devices (md) 992 to 1119 975 to 1182
Large devices Desktops (lg) 1200 over 1183 over

with container

0

1

col-sm-1

0

2

col-sm-1

0

3

col-sm-1

0

4

col-sm-1

0

5

col-sm-1

0

6

col-sm-1

0

7

col-sm-1

0

8

col-sm-1

0

9

col-sm-1

0

10

col-sm-1

0

11

col-sm-1

0

12

col-sm-1

0

1

col-sm-2

0

2

col-sm-2

0

3

col-sm-2

0

4

col-sm-2

0

5

col-sm-2

0

6

col-sm-2

0

1

col-sm-3

0

2

col-sm-3

0

3

col-sm-3

0

4

col-sm-3

0

1

col-sm-3

0

2

col-sm-4

0

3

col-sm-5

0

1

col-sm-6

0

2

col-sm-6

0

1

col-sm-8

0

2

col-sm-4

0

1

col-sm-10

0

2

col-sm-2

0

col-sm-10 parent

1

col-sm-3

0

1

col-sm-4

0

1

col-sm-5

0

2

col-sm-2

0

without container

0

1

col-sm-1

0

2

col-sm-1

0

3

col-sm-1

0

4

col-sm-1

0

5

col-sm-1

0

6

col-sm-1

0

7

col-sm-1

0

8

col-sm-1

0

9

col-sm-1

0

10

col-sm-1

0

11

col-sm-1

0

12

col-sm-1

0

1

col-sm-2

0

2

col-sm-2

0

3

col-sm-2

0

4

col-sm-2

0

5

col-sm-2

0

6

col-sm-2

0

1

col-sm-3

0

2

col-sm-3

0

3

col-sm-3

0

4

col-sm-3

0

1

col-sm-3

0

2

col-sm-4

0

3

col-sm-5

0

1

col-sm-6

0

2

col-sm-6

0

1

col-sm-8

0

2

col-sm-4

0

1

col-sm-10

0

2

col-sm-2

0

col-sm-10 parent

1

col-sm-3

0

1

col-sm-4

0

1

col-sm-5

0

2

col-sm-2

0