ダウンロード

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

コンパイルされた CSS と JS

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

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

ダウンロード

ソースファイル

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

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

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

ソースをダウンロード

CDN から参照

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

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>

パッケージマネージャ

ほとんどのパッケージマネージャで 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.2.1'

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

gem install bootstrap -v 4.2.1

gem の README を見る

Composer

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

composer require twbs/bootstrap:4.2.1

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass

v4.2