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 上下中央・上寄せ・下寄せ（d-flex）
上下中央や上寄せ、下寄せに配置するためのクラスも用意されています。 flexboxを利用するため、それぞれ２つのクラスを指定すればOKです。 1. 上下中央寄せ 「d-flex」と「align-ite …
Bootstrap4 ブロック要素の左寄せ・右寄せ・中央寄せ（センタリング）
Bootstrap4では、ブロック要素の左寄せ・右寄せ・中央寄せができるクラスが用意されています。 そのクラスを追加することで、ブロック要素を寄せることができます。 サンプルも作りました。 ブロック要 …
レスポンシブサイトでPC用画像とスマホ用画像を切り替えたい場合が多々あります。 Bootstrap4ではクラスを指定するだけで実現可能です。 便利ですね！ 例えば画面サイズが「md〜xl」の時はPC用 …
Bootstrap4 上部固定メニューヘッダを作るサンプル（fixed-top）
スマホ用のサイトを作成するときに固定メニューはよく使いますよね。 Bootstrap4でもクラスを追加するだけで固定メニューを作ることができます。 サンプルも作ってますので参考になると嬉しいです。 H …
Bootstrap4 colの隙間（padding、margin）を削除する（サンプル付き）
Bootstrap4でデザインを忠実に再現したい時に、colの隙間（padding）が邪魔なときがあります。 この邪魔な隙間を無くしてしまおう！というのが今回の趣旨です。 サンプルも作りました。 CS …
2019/02/11
2019/02/11
Python3 for文で添え字（index）を取得する方法（enumerate関数）
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）
