コンテンツ
事前コンパイルとソースコードのフレーバーなど、Bootstrapに含まれているものを参照してください。BootstrapのJavaScriptプラグインではjQueryが必要になります。
事前にコンパイルされたBootstrap
ダウンロードしたら、圧縮フォルダーの圧縮を解除すると、以下のような内容が表示されます。
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ └── bootstrap.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── 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が含まれますが、jQueryは含まれません。
CSSファイル
Bootstrapには、コンパイルされたCSSの一部またはすべてを含めるためのオプションが多数用意されています。
| CSSファイル | レイアウト | コンテンツ | コンポーネント | ユーティリティ |
|---|---|---|---|---|
bootstrap.cssbootstrap.min.css |
含まれている | 含まれている | 含まれている | 含まれている |
bootstrap-grid.cssbootstrap-grid.min.css |
グリッドシステムのみ | 含まれていない | 含まれていない | フレックスユーティリティのみ |
bootstrap-reboot.cssbootstrap-reboot.min.css |
含まれていない | Rebootのみ | 含まれていない | 含まれていない |
JSファイル
同様に、コンパイルされたJavaScriptの一部またはすべてを含めるオプションがあります。
| JSファイル | Popper | jQuery |
|---|---|---|
bootstrap.bundle.jsbootstrap.bundle.min.js |
含まれている | 含まれていない |
bootstrap.jsbootstrap.min.js |
含まれていない | 含まれていない |
Bootstrapソースコード
Bootstrapソースコードのダウンロードには、事前にコンパイルされたCSSとJavaScriptのアセットとともに、Sass、JavaScript、ドキュメントのソースが含まれます。具体的には、以下などが含まれています。
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └── content/
| └── docs/
| └── 4.6/
| └── examples/
├── js/
└── scss/
scss/ と js/ は CSS および JavaScript のソース コードです。 dist/ フォルダには、上記のプリコンパイルされたダウンロード セクションにリストされているすべてのものが含まれています。 site/docs/ フォルダには、ドキュメントのソース コードと Bootstrap の使用例である examples/ が含まれます。 それ以外に含まれているファイルは、package、ライセンス情報、開発のサポートを提供します。