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にテンプレート載せてます。
CSSだけで作る!滑らかにループするスライダーの実装方法
4月 16, 2025【CSS入門】iPadやタブレットの縦向き・横向きにだけスタイルを適用する方法
4月 13, 2025CSS変数で特定のクラスだけ透明度(alpha)を変更する方法
2月 23, 2025