コンテンツ
プリコンパイル済みおよびソース コード フレーバーなど、Bootstrap に含まれるものを発見してください。
プリコンパイル済みブートストラップ
ダウンロードしたら、圧縮フォルダーを解凍すると、次のようなものが表示されます。
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.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) は、特定のブラウザーの開発者ツールで使用できます。bootstrap.bundle.jsバンドルされた (および縮小されたbootstrap.bundle.min.js) JS ファイルにはPopperが含まれます。
CSS ファイル
Bootstrap には、コンパイル済みの CSS の一部またはすべてを含めるためのいくつかのオプションが含まれています。
| 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
|
グリッドシステムのみ | — | — | フレックス ユーティリティのみ |
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
|
— | 再起動のみ | — | — |
JS ファイル
同様に、コンパイル済みの JavaScript の一部またはすべてを含めるオプションがあります。
| JS ファイル | ポッパー |
|---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
含まれている |
bootstrap.js
bootstrap.min.js
|
— |
ブートストラップ ソース コード
Bootstrap ソース コードのダウンロードには、ソース Sass、JavaScript、およびドキュメントと共に、コンパイル済みの CSS および JavaScript アセットが含まれています。より具体的には、以下が含まれます。
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.1/
│ └── examples/
├── js/
└── scss/
scss/とjs/は、CSS と JavaScript のソース コードです。このdist/フォルダには、上記のプリコンパイル済みダウンロード セクションにリストされているすべてが含まれています。このsite/docs/フォルダーには、ドキュメントのソース コードとexamples/Bootstrap の使用方法が含まれています。さらに、他のインクルード ファイルは、パッケージ、ライセンス情報、および開発のサポートを提供します。