ダウンロード
Bootstrap をダウンロードして、コンパイル済みの CSS と JavaScript、ソース コードを取得するか、npm、RubyGems などのお気に入りのパッケージ マネージャーに含めます。
コンパイル済みの CSS と JS
Bootstrap v4.5.3用のすぐに使用できるコンパイル済みコードをダウンロードして、プロジェクトに簡単にドロップできます。
- コンパイルおよび縮小された CSS バンドル ( CSS ファイルの比較を参照)
- コンパイルおよび縮小された JavaScript プラグイン
これには、ドキュメント、ソース ファイル、またはオプションの JavaScript 依存関係 (jQuery および Popper.js) は含まれません。
ソースファイル
ソース Sass、JavaScript、およびドキュメント ファイルをダウンロードして、独自のアセット パイプラインで Bootstrap をコンパイルします。このオプションには、追加のツールが必要です。
- CSS をコンパイルするための Sass コンパイラ (Libsass または Ruby Sass がサポートされています)。
- CSS ベンダー接頭辞の自動接頭辞
ビルド ツールが必要な場合は、Bootstrap とそのドキュメントを開発するために含まれていますが、自分の目的には適さない可能性があります。
例
サンプルをダウンロードして調べたい場合は、既にビルドされたサンプルを入手できます。
js配信
jsDelivrでダウンロードをスキップして、Bootstrap のコンパイル済み CSS および JS のキャッシュ バージョンをプロジェクトに配信します。
コンパイル済みの JavaScript を使用していて、Popper.js を個別に含める場合は、できれば CDN を介して、JS の前に Popper.js を追加してください。
パッケージマネージャー
Bootstrap のソース ファイルを、最も人気のあるパッケージ マネージャーを使用してほぼすべてのプロジェクトに取り込みます。パッケージ マネージャーに関係なく、Bootstrap には、公式にコンパイルされたバージョンと一致するセットアップのために、Sass コンパイラーとAutoprefixerが必要です。
npm
npm パッケージを使用して、Node.js を利用したアプリに Bootstrap をインストールします。
require('bootstrap')
Bootstrap の jQuery プラグインをすべて jQuery オブジェクトにロードします。モジュール自体はbootstrap
何もエクスポートしません。/js/*.js
パッケージの最上位ディレクトリにあるファイルをロードすることで、Bootstrap の jQuery プラグインを個別に手動でロードできます。
Bootstrappackage.json
には、次のキーの下にいくつかの追加のメタデータが含まれています。
sass
- Bootstrap のメインSassソース ファイルへのパスstyle
- デフォルト設定を使用してプリコンパイルされた Bootstrap の縮小されていない CSS へのパス (カスタマイズなし)
糸
yarn パッケージを使用して、Node.js を利用したアプリに Bootstrap をインストールします。
RubyGems
次の行を に追加して、Bundler (推奨) とRubyGemsを使用して Ruby アプリに Bootstrap をインストールしますGemfile
。
または、Bundler を使用していない場合は、次のコマンドを実行して gem をインストールできます。
詳細については、gem の READMEを参照してください。
作曲
Composerを使用して、Bootstrap の Sass と JavaScript をインストールして管理することもできます。
NuGet
.NET で開発する場合は、NuGetを使用して Bootstrap のCSSまたはSassと JavaScript をインストールして管理することもできます。