ダウンロード

コンパイルされた CSS, JavaScript, ソースコード, npm や RubyGems といった好きなパッケージマネージャで Bootstrap をインストールできます。

Compiled CSS and JS

すぐに使えるコンパイルされた Bootstrap v4.4.1 のコードをダウンロードできます。以下が含まれます。

ここにはドキュメントやソースファイル, オプションである JavaScript(jQuery, Popper.js) は含まれません。

ダウンロード

Source files

Sass, JavaScript そしてドキュメントを含むソース・ファイルをダウンロードして, あなたの環境でコンパイルできます。そのためには以下のツールが必要です。

  • CSS コンパイル用 Sass コンパイラー (Libsass, Ruby Sass サポート)
  • CSS ベンダープレフィックス用 Autoprefixer

Bootstrap とそのドキュメントを開発するためにビルドツールが含まれていますが, 使わない可能性が高いでしょう。

ソースをダウンロード

BootstrapCDN

ダウンロードせずに BootstrapCDN から配信されるコンパイルされた CSS, JS を使うこともできます。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

もし, コンパイルされた JavaScript を使う場合は, jQuery と Popper.js をそれよりも前に参照しましょう。

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

Package managers

ほとんどのパッケージマネージャで Bootstrap の source files を Pull することができます。パッケージマネージャに関係なく Bootstrap は Sass コンパイラーと Autoprefixer を必要とします。

npm

npm パッケージ を使って, Bootstrap をインストールします。

npm install bootstrap

require('bootstrap') は Bootstrap の全ての jQuery プラグインを jQuery オブジェクトにロードします。bootstrap モジュール自体は何もエクスポートしません。パッケージのルートにある /js/*.js ファイルをロードすることで Bootstrap の jQuery プラグインを個別にロードできます。

  • sass - Bootstrap メイン Sass ソース・ファイル
  • style - Bootstrap デフォルト CSS (カスタムなし)

RubyGems

Ruby アプリ Bundler (recommended) と RubyGems で Gemfile からインストールできます。

gem 'bootstrap', '~> 4.4.1'

Bundler を使ってない場合は, 以下のコマンドで gem をインストールできます。

gem install bootstrap -v 4.4.1

gem の README を見る

Composer

Composer を使って Bootstrap の Sass と JavaScript をインストールできます。

composer require twbs/bootstrap:4.4.1

NuGet

.NET で開発しているのであれば NuGet を使って Bootstrap の CSS や Sass, JavaScript をインストールできます。

Install-Package bootstrap
Install-Package bootstrap.sass

v4.4