Bootstrapの使い方
目次
ブレイクポイント
スマホ:767px以下
タブレット:768px〜991px
PC:992px〜1119px
PC大画面:1200px以上
クラスの設定
スマホ:.col-xs-1(カラム数)
タブレット:.col-sm-1(カラム数)
PC:.col-md-1(カラム数)
PC大画面:.col-lg-1(カラム数)
表示幅
スマホ:自動
タブレット:750px
PC:970px
PC大画面: 1170px
設定方法
「container」で枠を決めていき、「row」で行を設定
.col-sm-3 .col-xs-6
.col-sm-3 .col-xs-6
.col-sm-3 .col-xs-6
.col-sm-3 .col-xs-6
テンプレート
下記のURLにテンプレート載せてます。
