Bootstrap4の reboot.css と grid.css は何に使うの?
問題
Bootstrap4の bootstrap-reboot.css と bootstrap-grid.css は何に使うの?
bootstrap.css との違いは何?
答え
bootstrap.css が基本の全部入りのスタイルシートです。
bootstrap-reboot.css と bootstrap-grid.css は、それぞれ リセット、グリッドレイアウトに必要な部分のみ切り出したバージョンです。
Bootstrap4のすべての機能を必要としない場合に使うとよいファイルです。
*.min.css は、圧縮版になります。
以下の通り、bootstrap.css は全部Included(含まれている)です。
CSS files | Layout | Content | Components | Utilities |
---|---|---|---|---|
bootstrap.css bootstrap.min.css |
Included | Included | Included | Included |
bootstrap-grid.css bootstrap-grid.min.css |
Only grid system | Not included | Not included | Only flex utilities |
bootstrap-reboot.css bootstrap-reboot.min.css |
Not included | Only Reboot | Not included | Not included |
https://getbootstrap.com/docs/4.1/getting-started/contents/#css-files
コメント