【bootstrap】colのwidth一覧

スマホだと全て100%になってしまうのでstyleの変更に使います。

col-xs-1

width:8.333333%;flex: 0 0 8.333333%;

col-xs-2

width:16.666667%;flex: 0 0 16.666667%;

col-xs-3

width:25%;flex: 0 0 25%;

col-xs-4

width:33.333333%;flex: 0 0 33.333333%;

col-xs-5

width:41.666667%;flex: 0 0 41.666667%;

col-xs-6

width:50%;flex: 0 0 50%;

col-xs-7

width:58.333333%;flex: 0 0 58.333333%;

col-xs-8

width:66.666667%;flex: 0 0 66.666667%;

col-xs-9

width:75%;flex: 0 0 75%;

col-xs-10

width:83.333333%;flex: 0 0 83.333333%;

col-xs-11

width:91.666667%;flex: 0 0 91.666667%;

col-xs-12

width:100%;flex: 0 0 100%;