ブートストラップ環境のインストール

ダウンロードブートストラップ

あなたは、から選択することができます http://getbootstrap.com/ 上のブートストラップの最新バージョンをダウンロードしてください。あなたは、このリンクをクリックすると、以下のようなページが表示されます。

ブートストラップダウンロード

あなたは、2つのボタンが表示されます。

ダウンロードをブートストラップ：ダウンロードブートストラップ。このボタンをクリックして、あなたはブートストラップCSS、事前にコンパイルされたJavaScriptやフォントの圧縮バージョンをダウンロードすることができます。これは、元の文書とソースコードファイルが含まれていません。
ソースのダウンロード：ソースコードをダウンロードしてください。このボタンをクリックして、あなたはからから直接、最新のブートストラップLESSとJavaScriptソースコードを入手することができます。

より良い、使用する方が便利ブートストラップのプリコンパイルされたバージョンの使用を理解し、するために。

ファイル構造

プリコンパイルされたブートストラップ

あなたはブートストラップのコンパイル済みのバージョンをダウンロードする場合、ZIPファイル解凍し、次のファイル/ディレクトリ構造が表示されます。

コンパイルされたブートストラップファイルの構造

上記のように、それはコンパイルCSSやJS（ブートストラップ。*）を見て、そして圧縮されたCSSやJS（bootstrap.min。*）をコンパイルすることができます。また、オプションのブートストラップのテーマであるGlyphiconsフォントは、含まれています。

ブートストラップのソースコード

あなたがソースコードをダウンロードする場合は、次のようにブートストラップは、ファイル構造は次のとおりです。

ブートストラップソース構造

以下/、JS / および フォントは/ 文書の下でブートストラップCSS、JSフォントやアイコンのソースコードです。
DIST / フォルダには、セクションのフォルダコンパイル済みのダウンロード上記のファイルやドキュメントが含まれています。
資産-DOCS /、例/ およびすべての * .htmlのファイルは、ブートストラップのドキュメントです。

HTMLテンプレート

次のように基本的なブートストラップHTMLテンプレートを使用すると、次のとおりです。

<！DOCTYPE HTML > 
< HTML > 
   < ヘッド> 
      < タイトル>ブートストラップのテンプレート</ タイトル> 
      < メタ名= "ビューポート" コンテンツ= "幅=幅デバイス、初期スケール= 1.0" > 
      <！ - ブートストラップに導入- - > 
      < リンクのhref = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" のrel = "スタイルシート" > 
 
      <！ - HTML5シヴとRespond.jsを可能にIE8のサポートHTML5要素とメディアクエリ- > 
      <！ - 注：ファイルを使用する場合：//輸入Respond.jsファイル、ファイルが再生できない旨- > 
      <！ - [場合LT IE 9]> 
         <スクリプトSRC = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </ SCRIPT> 
         <スクリプトSRC = "https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"> </ SCRIPT> 
      <[endifの]！- > 
   </ ヘッド> 
   < 身体> 
      < H1 >こんにちは世界！</ H1 > 
 
      <！ - jQueryの（ブートストラップ的JavaScriptの插件需要引入jQueryの）- > 
      < スクリプトSRC = "https://code.jquery.com/jquery.js" > </ スクリプト> 
      <！
      SRC = "JS / bootstrap.min.js" > </ スクリプト> 
   </ ボディ> 
</ HTML >

Staticfile CDN勧告

国内はStaticfile CDN上のライブラリを使用することをお勧めします：

<！ - 新しいブートストラップコアCSSファイル- > 
< リンクのhref = "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" のrel = "スタイルシート" > 
 
< ！ - jQueryのファイル。bootstrap.min.jsに必ず導入前 - > 
< スクリプトSRC = "https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" > </ スクリプト> 
 
<！ - 最新ブートストラップコアJavaScriptファイル- > 
< スクリプトSRC = "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js" > </ スクリプト>

三回言うべき重要なこと：

jQueryのファイル。必ずbootstrap.min.js前に導入

jQueryのファイル。必ずbootstrap.min.js前に導入

jQueryのファイル。必ずbootstrap.min.js前に導入

また、あなたはまた、次のCDNサービスを使用することができます。

国際推奨：https://cdnjs.com/