GitHubで確認

コンテンツ

事前コンパイルとソースコードのフレーバーなど、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.css
bootstrap.min.css
含まれている 含まれている 含まれている 含まれている
bootstrap-grid.css
bootstrap-grid.min.css
グリッドシステムのみ 含まれていない 含まれていない フレックスユーティリティのみ
bootstrap-reboot.css
bootstrap-reboot.min.css
含まれていない Rebootのみ 含まれていない 含まれていない

JSファイル

同様に、コンパイルされたJavaScriptの一部またはすべてを含めるオプションがあります。

JSファイル Popper jQuery
bootstrap.bundle.js
bootstrap.bundle.min.js
含まれている 含まれていない
bootstrap.js
bootstrap.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、ライセンス情報、開発のサポートを提供します。