パート 2. Bootstrap_html/css_WEB-ITnose の使用開始

2 番目のブートストラップ入門

ブートストラップ ファイルは http://getbootstrap.com からダウンロードできます

左側の [ブートストラップのダウンロード] をクリックして、ブートストラップの CSS、JavaScript、およびフォント ライブラリのコンパイル済みバージョンをダウンロードします。真ん中のダウンロードソースをクリックしてブートストラップのソースコードをダウンロードします。通常の状況では、ブートストラップを使用し、左側のコンパイル済みバージョンをクリックしてダウンロードします。

コンパイル済みバージョンをダウンロードした場合の構造は次のとおりです:

ソースコードをダウンロードした場合の構造は次のようになります:

Dist フォルダーの内容はコンパイル済みバージョンと同じです。

フロントエンド フレームワークであるブートストラップを使用する必要がある場合は、いくつかの形式を設定し、いくつかのファイルをインポートする必要があります。 これは、ブートストラップを使用するための基本的なテンプレートです。

Bootstrap は、いくつかの HTML5 要素と CSS プロパティを使用します。これが適切に機能するには、HTML5 ドキュメント タイプ (Doctype) を使用する必要があります。 したがって、次のコード スニペットがページの先頭に含まれています:

ブートストラップ テンプレートは、IE6、7、および 8 ブラウザ (IE9 以下) を html5 の新しいタグと互換性を持たせるためのもので、次のコードを導入するだけです。コード ファイル:

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

同様に、IE6、7、および 8 バージョンのブラウザを css3 スタイルと互換性を持たせるには、次のコードを導入します

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

次のコードは、IE ブラウザに IE8/9 以降のバージョンであることを伝えます。ページのレンダリングには最高バージョンの IE を使用します。 ="~/bootstrap-3.2 .0-dist /js/jquery.min.js">< ;/script>

すごい