原文:Download
コンパイルされたCSSとJavaScript、ソース・コードを取得するために、あるいは、npm、RubyGemsなどのような、それが含まれるあなたのお気に入りのパッケージ・マネージャーで、Bootstrapをダウンロードします。
- コンパイルされたCSSとJS
- コンパイルされたminified JavaScript プラグイン
以下が含まれる、あなたのプロジェクトに簡単にドロップすることで、Bootstrap v4.0.0のための、すぐに使えるコンパイルされたコードをダウンロードします。:
コンパイルされ、軽量化されたCSSのバンドル(CSSファイルの比較を参照して下さい)
コンパイルされ、軽量化されたJavaScriptプラグイン
これには、ドキュメント、ソース・ファイル、またはオプションのJavaScript依存関係(jQueryとPopper.js)は含まれていません。
ソース・ファイル
Source files
私たちのソースSass、JavaScriptとドキュメント・ファイルをダウンロードすることによって、あなた独自の資産パイプラインでBootstrapをコンパイルします。このオプションを使用するには、追加のツールが必要です。:
CSSをコンパイルするためのSassコンパイラ(LibsassやRuby Sassがサポートしています)。
CSSベンダープレフィックスの自動プレフィクサー
あなたは、開発するためのBootstrapとそのドキュメントが含まれているビルド・ツールが必要ですが、それらは、あなた自身の目的には適していない可能性があります。
Bootstrap CDN
あなたのプロジェクトに、BootstrapのコンパイルされたCSSとJSのキャッシュされたバージョンを提供するために、Bootstrap CDNで、ダウンロードを省略しました。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
あなたが、私たちのコンパイルされたJavaScriptを使用している場合、その前に、jQueryとPopper.jsのCDNバージョンを含めることを忘れないでください。
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
パッケージ・マネージャー
Package managers
Bootstrapのソース・ファイルを、最も一般的なパッケージ・マネージャーのいくつかで、ほぼすべてのプロジェクトに引き出します。パッケージ・マネージャーに関係なく、Bootstrapは、私たちの公式のコンパイルされたバージョンと一致するセットアップのために、Sassコンパイラと自動プレフィクサーを必要とします。
npm
npmパッケージと一緒にアプリケーションで駆動する、あなたのNode.jsのBootstrapをインストールします。:
$ npm install bootstrap
require( 'bootstrap')は、BootstrapのすべてのjQueryプラグインをjQueryオブジェクトにロードします。bootstrapモジュールそのものは、何もエクスポートしません。あなたは、パッケージの最上位のディレクトリの下で、/js/*.jsファイルを読み込むことによって、個別にBootstrapのjQueryプラグインを手作業で読み込むことができます。
Bootstrapのpackage.jsonには、以下のキーの下に、いくつかの追加のメタデータが含まれています。:
- sass-Bootstrapの主なSassソース・ファイルへのパス
- style-デフォルトの設定(カスタム化はなく)を使用して、プレコンパイルされたBootstrapの軽量化されていないCSSへのパス
RubyGems
あなたのRubyアプリケーションに、あなたのGemfileに次の行を追加することで、Bundler(推奨)とRubyGemsを使用して、Bootstrapをインストールする:
gem 'bootstrap', '~> 4.0.0'
他の方法として、あなたが、Bundlerを使用していない場合、あなたは、以下のコマンドを実行して、gemをインストールできます。
$ gem install bootstrap -v 4.0.0
詳細については、gemのReadMeを確認して下さい。
コンポーザー
Composer
また、Composerを使用して、BootstrapのSassとJavaScriptをインストールして管理することもできます。:
$ composer require twbs/bootstrap:4.0.0