Skip to main content Skip to docs navigation
GitHubで見る

ダウンロード

Download

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

項目

コンパイルされたCSSとJS

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

ここにはドキュメントやソースファイル、オプションであるPopperのようなJavaScriptは含まれません。

ダウンロード

ソースファイル

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

  • SassのソースファイルをCSSファイルにコンパイルするためのSassコンパイラ。
  • CSSベンダープレフィックスのためのAutoprefixer

私たちの完全なビルドツールを必要とする場合、それらはBootstrapとそのドキュメントの開発のために含まれていますが、おそらくあなた自身の目的には適さないでしょう。

ソースダウンロード

例

サンプルページから様々なサンプルをダウンロードして試すことができます。:

サンプルダウンロード

jsDelivrを使ったCDN

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

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>

もしあなたが私たちのコンパイルしたJavaScriptを使用していて、Popperを個別に入れたい場合は、私たちのJSの前にPopperを追加してください。

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js" integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous"></script>

パッケージマネージャー

Bootstrapのソースファイルを、最も人気のあるパッケージマネージャのいくつかで、ほぼすべてのプロジェクトに取り込みます。パッケージ・マネージャーを問わず、Bootstrapは、公式コンパイル版と一致するセットアップのために、SassコンパイラとAutoprefixer を要求します。

npm

npmパッケージを使って、Node.jsを搭載したアプリにBootstrapをインストールします。:

npm install bootstrap@5.3.0

const bootstrap = require('bootstrap')か import bootstrap from 'bootstrap'は全てのBootstrapのプラグインを bootstrapオブジェクトにロードします。 bootstrapモジュールは全てのBootstrapのプラグインをエキスポートしています。 そのため、パッケージの最上位のディレクトリで /js/dist/*.jsファイルをロードすることでBootstrapのプラグインを個別にロードすることができます。

Bootstrapのpackage.jsonは次のメタデータを含んでいます。:

  • sass - BootstrapメインSassソース・ファイル
  • style - BootstrapデフォルトCSS(カスタムなし)
スタータープロジェクトで、npm経由でBootstrapを始めましょう！SassとJavaScriptの例テンプレートリポジトリにアクセスして、あなた自身のnpmプロジェクトでBootstrapを構築しカスタマイズする方法を確認してください。Sassコンパイラ、Autoprefixer、Stylelint、PurgeCSS、Bootstrapアイコンが含まれています。

yarn

The yarn packageを用いてBootstrapをインストールできます。:

yarn add bootstrap@5.3.0

RubyGems

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

gem 'bootstrap', '~> 5.3.0'

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

gem install bootstrap -v 5.3.0

See the gem’s READMEを見る

Composer

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

composer require twbs/bootstrap:5.3.0

NuGet

.NET Frameworkで開発する場合は、BootstrapのCSSやSass、JavaScriptもNuGetでインストール・管理できます。NuGetはフロントエンドの資産ではなく、コンパイルされたコード用に設計されているため、新しいプロジェクトではlibmanや他の方法を使用する必要があります。

Install-Package bootstrap

Install-Package bootstrap.sass