Home > TagScript > html,cssテンプレート > >  Bootstrap > Bootstrap 4 ドキュメントの和訳

ダウンロード

新規作成日 2017-01-05
最終更新日

原文: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

NuGet

あなたが、.NETで開発する場合、 また、NuGetを使用して、BootstrapのCSSSassとJavaScriptをインストールして管理することもできます。:

PM> Install-Package bootstrap -Pre

Bootstrap v4が安定したリリースになるまで、-Preが必要です。

PM> Install-Package bootstrap.sass -Pre

Home Editor Tools Operation TagScript HPSpace

Copyright (C) 2011 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」