SOFTELメモ

Softel Inc.

Bootstrap4の reboot.css と grid.css は何に使うの?

問題

Bootstrap4の bootstrap-reboot.css と bootstrap-grid.css は何に使うの?

bootstrap.css との違いは何?

bootstrap4 reboot and grid

答え

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

関連するメモ

コメント