【3】ブートストラップのダウンロードとディレクトリ構造_html/css_WEB-ITnose

【1】ダウンロード

中国の公式 Web サイトにアクセスして、http://www.bootcss.com/

をダウンロードします。Web ページの演習を行っている場合は、CDN アクセラレーション サービスを使用して、ダウンロードなどの手間を省くことができます。もちろん使用する際はインターネットに接続している必要があります。中国の公式 Web サイトでもさまざまな種類の CDN 高速化サービスが提供されています。ここでは、公式 Web サイト独自の CDN 高速化サービスを貼り付けます。

<!-- 最新 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"><!-- 可选的Bootstrap主题文件（一般不用引入） --><link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css"><!-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

Bootstrap にはプリコンパイル済みバージョンとソース コード バージョンが用意されているため、ここではプリコンパイル済みの Bootstrap バージョンのみをダウンロードします。詳細を知りたい人は、途中でソース コード バージョンをダウンロードできます。特に明記されていない限り、プリコンパイルされたバージョンが主に使用されます。

[2] ディレクトリ構造 (手順は CDN アクセラレーション サービスに記載されています)

この構造には 2 つの問題が見つかりました

1. 最小バージョンは css ファイルと js ファイルで提供されます。圧縮された bootstrap.css ファイルは、bootstrap.min.css と呼ばれます。それ以外はすべて同じです。もちろん、使用する場合は、min バージョンを使用することをお勧めします。

2. Bootstrap のすべての JavaScript プラグインは jQuery に依存していると言われていますが、なぜこの構造に含まれていないのでしょうか?

この問題について知るには、公式 Web サイトのドキュメントを見るだけで済みます

Bootstrap は jQuery に依存します

すべての JavaScript プラグインは jQuery に依存するため、次のように、Bootstrap の前に jQuery を導入する必要があることに注意してください

基本テンプレート内 示されているものと同じです。 Bootstrap でサポートされている jQuery のバージョンは bower.json ファイルにリストされています。 bower.json ファイルへのリンクをクリックすると、https://github.com/twbs/bootstrap/blob/v3.0.3/bower.json にジャンプします

ここから、 Bootstrap-v3.0.3 で使用される JQuery のバージョンは、バージョン 1.9.0 よりも大きいです。JQuery をダウンロードするには、Baidu または Google にアクセスして、上で投稿した CDN アクセラレーション サービスの JQuery アドレスを使用してください。