Webの勉強をしよう！Web制作の技術やサービス情報を発信します。
投稿日：2017年11月17日 更新日：
Bootstrap4のブレークポイントを覚えられないのでメモしておきます。
xsやxlはあまり使わない気がしますね。
実際はPCとモバイルの2種類しか作らない人が多いのではないでしょうか。
| 名称 | 領域サイズ |
|---|---|
| xs | 0px〜575px |
| sm | 576px〜767px |
| md | 768px〜991px |
| lg | 992px〜1199px |
| xl | 1200px〜 |
執筆者：sasaki
関連記事
Bootstrap4 上部固定メニューヘッダを作るサンプル（fixed-top）
スマホ用のサイトを作成するときに固定メニューはよく使いますよね。 Bootstrap4でもクラスを追加するだけで固定メニューを作ることができます。 サンプルも作ってますので参考になると嬉しいです。 H …
Bootstrap4の画像で使用できる基本的なクラスをまとめました。 各クラスはimgタグに付加するだけで効果が発揮されます。 基本的なクラスは以下の4種類です。 Bootstrap4 画像用クラス …
Bootstrap4 カラムを途中でブレークする（途中で折り返すクラスw-100）
Bootstrap4のcolクラスは何もしなくても隙間をどんどん埋めていってくれる便利なものです。 しかし、実現したいデザインによっては途中で折り返したいことも出てくると思います。そんな場合は「w-1 …
Bootstrap4 テーブル関連のクラス色々（table）
Bootstrap4はテーブル関連のクラスも充実しています。 クラスをいくつか追加するだけで、見栄えの良いテーブルを作成することができます。 スプライトやホバーでの色変えなど、自分でCSSを作成しなく …
Bootstrap4 colの隙間（padding、margin）を削除する（サンプル付き）
Bootstrap4でデザインを忠実に再現したい時に、colの隙間（padding）が邪魔なときがあります。 この邪魔な隙間を無くしてしまおう！というのが今回の趣旨です。 サンプルも作りました。 CS …
2018/11/10
gulp.js コンパイル時にエラーになっても中断させない（gulp-plumber）
2018/11/04
JavaScript 一定時間後に処理を実行させるサンプル（setTimeout）
2018/11/03
JavaScript クリックイベントをJavaScriptで実現するサンプル
2018/10/21
2018/10/13
Bootstrap4 上部固定メニューヘッダを作るサンプル（fixed-top）
2018/09/12
Bootstrap4 PCでは2カラムで、スマホ画面では1カラム（サンプル）
