メインコンテンツにスキップ ドキュメント ナビゲーションにスキップ
Check
in English

コンテンツ

コンパイル済みおよびソース コードのフレーバーなど、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.min.css
bootstrap.rtl.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.2/
│              └── examples/
├── js/
└── scss/

scss/js/は、CSS と JavaScript のソース コードです。このdist/フォルダーには、上記のコンパイル済みダウンロード セクションに記載されているすべてのものが含まれています。このsite/content/docs/フォルダーには、Bootstrap の実際の使用例を含む、ホストされているドキュメントのソース コードが含まれています。

さらに、他のインクルード ファイルは、パッケージ、ライセンス情報、および開発のサポートを提供します。