HTML ページにブートストラップ フレームワークをロードする方法のチュートリアル

今日コードを入力しているときに、たまたまこの問題に遭遇しました

この解決策をみんなと共有してください:

1/7

のブートストラップ公式 Web サイトからダウンロードします。読者の場合は、コンパイルおよび圧縮された CSS および JavaScript ファイルを直接ダウンロードしてください。これにはフォント ファイルも含まれますが、ドキュメントやソース コード ファイルは含まれません。解凍したパッケージを開くと、css、fonts、js の 3 つのフォルダーが見つかります。これはブートストラップ構成の最も基本的な形式です。ファイルの非圧縮バージョンは、任意の Web プロジェクトで直接使用できます。圧縮 (bootstrap.min.*) および非圧縮 (bootstrap.*) の CSS および JS ファイルが提供されます。フォント アイコン ファイルは Glyphicons から取得しています

2/7

すべての Bootstrap プラグインは jQuery に依存しています。また、正式なプロジェクトでは、サイズが小さいため、圧縮バージョンを使用することをお勧めします。次の図に示すように、公式 Web サイトにアクセスして jQuery サポートをダウンロードします。

3 +

ブートストラップのルートディレクトリに新しいdemo.htmlファイルを作成します（ブートストラップフレームワークのcssファイルとjsファイルは作成されたデモにリンクされるため、ルートディレクトリの下に作成する必要があることに注意してください）次の手順で)

5/7

demo.html ファイルを編集し、css と js への参照を追加します。ブートストラップフレームワーク。内容は以下の通りで、写真にはコメントが付いています このようにして、ブートストラップフレームワークの基本的な使い方の仕組みがほぼ決まりました

6/7

さらに、ブートストラップは公式にリンク サービスを提供しています。これは、ブートストラップ フレームワーク ファイルをローカルにダウンロードしたり、HTML で直接使用したりしない場合でも、永久に無料です。次のコードを使用します:

以上がHTML ページにブートストラップ フレームワークをロードする方法のチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。