コンテンツ Contents
コンパイル済みとソースコード版を含む、Bootstrapに含まれる内容を確認します。
コンパイル済み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)は、特定のブラウザの開発者ツールで使用できます。バンドルされたJSファイル(bootstrap.bundle.jsおよび縮小版のbootstrap.bundle.min.js)にはPopperが含まれています。
CSSファイル
Bootstrapには、コンパイル済みCSSの一部またはすべてを含めるためのいくつかのオプションが含まれています。
| CSSファイル | Layout | Content | Components | Utilities |
|---|---|---|---|---|
bootstrap.cssbootstrap.min.cssbootstrap.rtl.cssbootstrap.rtl.min.css | 含む | 含む | 含む | 含む |
bootstrap-grid.cssbootstrap-grid.rtl.cssbootstrap-grid.min.cssbootstrap-grid.rtl.min.css | グリッドシステムのみ | — | — | flexユーティリティのみ |
bootstrap-utilities.cssbootstrap-utilities.rtl.cssbootstrap-utilities.min.cssbootstrap-utilities.rtl.min.css | — | — | — | 含む |
bootstrap-reboot.cssbootstrap-reboot.rtl.cssbootstrap-reboot.min.cssbootstrap-reboot.rtl.min.css | — | Rebootのみ | — | — |
JSファイル
同様に、コンパイル済みJavaScriptの一部またはすべてを含めるためのオプションがあります。
| JSファイル | Popper |
|---|---|
bootstrap.bundle.jsbootstrap.bundle.min.js | 含む |
bootstrap.jsbootstrap.min.js | – |
Bootstrapソースコード
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の使用例を含む)が含まれています。
それ以外に、含まれている他のファイルは、パッケージ、ライセンス情報、および開発のサポートを提供します。