ホームページ > 記事 > ウェブフロントエンド > ブートストラップにコードを導入する方法
ブートストラップにコードを導入する方法
- 下次还敢オリジナル
- 2024-04-05 02:51:16928ブラウズ
ブートストラップ コードを導入するには、CDN を使用する、ファイルをダウンロードする、またはパッケージ マネージャーを使用するという 3 つの方法があります。ファイルは、CDN 経由で Web からすばやく取得したり、ダウンロードしてローカルで利用したり、パッケージ マネージャー経由でコマンド ラインを使用してインストールしたりできます。
Bootstrap コードの導入方法
Bootstrap は、応答性の高いモバイルファーストの Web サイトとアプリケーションを構築するためのフレームワークです。 CSSフレームワーク。ブートストラップ コードを導入するには、次の方法で実行できます:
1. CDN を使用する
最も簡単な方法は、コンテンツ配信ネットワーク (CDN) を使用してホストすることです。ブートストラップのドキュメント。 CDN は、CSS や JavaScript などの静的ファイルを迅速かつ効率的に提供する、世界中に分散されたサーバーのネットワークです。
CDN からブートストラップをロードする手順は次のとおりです。
-
HTML ドキュメントの
<head>タグに、次のコードを追加します。行:<code class="html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"></code>
- #JavaScript の場合、次を追加します:
<code class="html"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script></code>
#Bootstrap 公式 Web サイトから Bootstrap ファイルをダウンロード からダウンロードすることもできます。ダウンロードしたら、ファイルを Web サイトのディレクトリにコピーします。
CSS の場合、ファイルに「bootstrap.min.css」という名前を付け、