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

ブートストラップにネットワークファイルを導入する方法

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

Bootstrap には、ネットワーク ファイルを導入する 2 つの方法があります。CDN 経由 (ステップ 1)、またはローカル ファイルをダウンロードしてホストする (ステップ 2) です。

ブートストラップにネットワークファイルを導入する方法

#Bootstrap によるネットワーク ファイルの導入

Bootstrap ネットワーク ファイルを導入するには、主に 2 つの方法があります:

1. CDN 経由

CDN (コンテンツ配信ネットワーク) は、静的コンテンツを迅速かつ効率的に提供する分散サーバー ネットワークです。 Bootstrap は、ファイルを配信するための CDN を提供します:

<code class="html"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script></code>
ログイン後にコピー

2. ローカル ファイル

経由で Bootstrap ファイルをダウンロードし、ローカル サーバーでホストします:

    Bootstrap 圧縮ファイルをダウンロードします: https://getbootstrap.com/docs/4.5/getting-started/download/
  • ダウンロードしたファイルをローカル フォルダーに解凍します
  • ローカル ファイルを参照しますHTML ドキュメント内:
<code class="html"><link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script></code>
ログイン後にコピー

注:

    正しいブートストラップ バージョンを使用していることを確認してください。上記のコードはブートストラップ 4.5.2 用です。
  • すべてのファイルが正しくリンクされ、適切な場所にあることを確認してください。
  • CDN を使用する場合は、ファイルをすばやく読み込めるように、インターネット接続が安定していることを確認してください。

以上がブートストラップにネットワークファイルを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート