ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップにコードを導入する方法

ブートストラップにコードを導入する方法

下次还敢
リリース: 2024-04-05 02:51:16
オリジナル
1009 人が閲覧しました

ブートストラップ コードを導入するには、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>
    ログイン後にコピー
#2. ブートストラップ ファイルをダウンロードします

#Bootstrap 公式 Web サイトから Bootstrap ファイルをダウンロード からダウンロードすることもできます。ダウンロードしたら、ファイルを Web サイトのディレクトリにコピーします。

CSS の場合、ファイルに「bootstrap.min.css」という名前を付け、