サイトアイコン WEBデザインMATOME

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

http://template.web-represent.link/bootstrap01/

モバイルバージョンを終了