ダウンロード

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

コンパイルされた CSS と JS

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

ここにはドキュメントやソースファイル, オプションである 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.1.3/css/bootstrap.min.css" integrity="sha384-jJ2L/Ujk8jWEwtIXPFEk3X+f20QKnj4IIscn+JZzxqkbAUC79idDdiAhAi2E7czT" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-K09cMhJkkwNoZK1BRIJX6fQk06LqHSs8LdWAE24M/18F4NlePaltFx1cnB9wKwQX" 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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 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.1.3'

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

gem install bootstrap -v 4.1.3

gem の README を見る

Composer

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

composer require twbs/bootstrap:4.1.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass