GitHub で表示

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ファイル	レイアウト	コンテンツ	コンポーネント	ユーティリティ
`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ファイル	Popper
`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/
│          └── 5.3/
│              └── examples/
├── js/
└── scss/

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

それ以外にも、含まれているファイルは、パッケージ、ライセンス情報、開発のためのサポートを提供しています。

目次

コンパイル済み Bootstrap

CSS ファイル

JS ファイル

Bootstrap ソースコード