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にテンプレート載せてます。