ファイルの内容(Contents)
あらかじめコンパイルされたコードやソースコードのフレーバーなど、Bootstrapに組み込まれているものを確認。
※"v5.0.0"での変更はv5.0.0-alpha版、v5.0.0-beta版での変更も含みます。
※"v5.3.0"での変更はv5.3.0-alpha版での変更も含みます。
コンパイルされたファイル(Compiled Bootstrap)v5.0.0-beta1ファイル追加
ダウンロードして圧縮フォルダを解凍すると、次の表示になる:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css v5.0.0-beta1追加
│ ├── bootstrap-grid.rtl.css.map v5.0.0-beta1追加
│ ├── bootstrap-grid.rtl.min.css v5.0.0-beta1追加
│ ├── bootstrap-grid.rtl.min.css.map v5.0.0-beta1追加
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css v5.0.0-beta1追加
│ ├── bootstrap-reboot.rtl.css.map v5.0.0-beta1追加
│ ├── bootstrap-reboot.rtl.min.css v5.0.0-beta1追加
│ ├── bootstrap-reboot.rtl.min.css.map v5.0.0-beta1追加
│ ├── bootstrap-utilities.css v5.0.0-alpha1追加
│ ├── bootstrap-utilities.css.map v5.0.0-alpha1追加
│ ├── bootstrap-utilities.min.css v5.0.0-alpha1追加
│ ├── bootstrap-utilities.min.css.map v5.0.0-alpha1追加
│ ├── bootstrap-utilities.rtl.css v5.0.0-beta1追加
│ ├── bootstrap-utilities.rtl.css.map v5.0.0-beta1追加
│ ├── bootstrap-utilities.rtl.min.css v5.0.0-beta1追加
│ ├── bootstrap-utilities.rtl.min.css.map v5.0.0-beta1追加
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css v5.0.0-beta1追加
│ ├── bootstrap.rtl.css.map v5.0.0-beta1追加
│ ├── bootstrap.rtl.min.css v5.0.0-beta1追加
│ └── bootstrap.rtl.min.css.map v5.0.0-beta1追加
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js v5.0.0-alpha1追加
├── bootstrap.esm.js.map v5.0.0-alpha1追加
├── bootstrap.esm.min.js v5.0.0-alpha1追加
├── bootstrap.esm.min.js.map v5.0.0-alpha1追加
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
Bootstrapの最も基本的な形態で、ほぼすべてのWebプロジェクトですぐにドロップインで使用できるようにコンパイルされたファイルであり、コンパイルされたCSSとJSファイル(bootstrap.*
)と、コンパイルされた軽量版のCSSとJSファイル(bootstrap.min.*
)を提供。ソースマップファイル(bootstrap.*.map
)は、特定のブラウザの開発者向けツールで使用できる。バンドルされたJSファイル(bootstrap.bundle.js
、軽量版 bootstrap.bundle.min.js
)には、Popperが組み込まれている。ES Modulesに対応したJSファイル(bootstrap.esm.js
と bootstrap.esm.min.js
)も提供。
【変更履歴】
- 【v5.0.0-alpha1】
- ユーティリティクラスのみ組み込まれているCSSファイルが追加
- ES Modules対応のJSファイルが追加
- 【v5.0.0-beta1】
- 各CSSファイルのRTL(右書き)版が追加
- 【v5.0.0-beta2】
bootstrap-utilities.css
にはユーティリティだけでなく、ヘルパーも含まれるようになった(ヘルパーをカスタムの構築ツールにインポートする必要がなくなった)。
CSSファイル(CSS files)
CSSファイル | レイアウト | コンテンツ | コンポーネント | ユーティリティ |
---|---|---|---|---|
bootstrap.css bootstrap.rtl.css bootstrap.min.css bootstrap.rtl.min.css |
組み込まれる | 組み込まれる | 組み込まれる | 組み込まれる |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css |
グリッドシステムのみ | — | — | Flexユーティリティのみ |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css |
— | — | — | 組み込まれる |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css |
— | Rebootのみ | — | — |
JSファイル(JS files)
JSファイル | Popper |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js |
組み込まれる |
bootstrap.js bootstrap.min.js |
— |
ソースコード(Bootstrap source code)
Bootstrapのソースコードのダウンロードファイルには、コンパイルされたCSSとJavaScriptファイル一式とソースのSassとJavaScript、ドキュメント(解説)が入っている。具体的には、次のとおり:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └──docs/
│ └── 5.3/
│ └── examples/
├── js/
└── scss/
scss/
と js/
には、それぞれCSSとJavaScriptのソースコードが入っており、dist/
フォルダには、上記の「コンパイルされたファイル」に記載されているすべてのファイルが入っている。site/content/docs/
フォルダには、Bootstrapの使用方法の実例サンプルを含む、ホストされているドキュメントのソースコードが含まれている。