前の記事では、ブートストラップの基本的な知識を紹介しました。次に、この記事を通してそれを紹介します。
http://getbootstrap.comでブートストラップファイルをダウンロードできます
左側のダウンロードBootstrapをクリックして、BootstrapのCSS、JavaScript、Fontライブラリのコンパイルされたバージョンをダウンロードします。中央のダウンロードソースをクリックして、Bootstrapをダウンロードします。一般的に言えば、Bootstrapを使用して、左側のコンパイルされたバージョンをクリックしてダウンロードできます。
コンパイルされたバージョンがダウンロードされている場合、構造は次のとおりです。
ダウンロードされたソースコード構造が次の場合:
DISTフォルダーの内容は、コンパイルされたバージョンの内容と同じです。
フロントエンドフレームワークであるBootstrapを使用する必要がある場合は、何らかのフォーマットを設定していくつかのファイルを導入する必要があります。 Bootstrapを使用するための基本的なテンプレートを次に示します。
Bootstrapは、いくつかのHTML5要素とCSSプロパティを使用します。これらを適切に機能させるには、HTML5ドキュメントタイプ(Doctype)を使用する必要があります。したがって、次のコードスニペットはページの先頭に含まれています。
IE6、7、8バージョン(IE9以下)をHTML5の新しく追加したタグと互換性のあるブラウザにするために、ブートストラップテンプレートを導入できます。
<スクリプトsrc = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
同様に、IE6、7、および8ブラウザをCSS3スタイルと互換性のあるものにするために、次のコードが導入されています
<スクリプトsrc = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"> </script>
次のコードはIEブラウザにIE8/9以降のバージョンがIEの最高バージョンでページをレンダリングすることを示しています
<Meta http-equiv = "x-ua-compatible" content = "ie = edge">次のコードを使用すると、ブラウザが最も適切なサイズで対応するページを表示できます。
Bootstrapを使用してWebページを作成するには、BootstrapのCSSファイルを導入する必要があります。
<link href = "〜/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel = "styleSheet"/>
BootstrapでJavaScriptコンポーネントを使用するには、BootstrapのJSプラグインも紹介する必要があります。 JSプラグインはjQueryに基づいているため、最初にjQueryスクリプトを紹介する必要があります。 jQueryスクリプトは、ブートストラップのJSプラグインの前に配置する必要があることに注意してください。
<Script src = "〜/bootstrap-3.2.0-dist/js/jquery.min.js"> </script> <script src = "〜/bootstrap-3.2.0-dist/js/bootstrap.min.js"> </script>
上記は、編集者によって導入された2番目のブートストラップ起動の完全な説明です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!