Bootstrap をダウンロードするにはどうすればよいですか? コンパイル済みバージョンとソース バージョンの違いは何ですか? Bootstrap のコンパイル済みバージョンをダウンロードした後にはどのようなファイルが存在しますか?

01 - Bootstrap の公式 Web サイトにアクセスします
https://getbootstrap.com/

02 - 右上隅の「すべてのバージョン」を選択するか、URL:
https://getbootstrap.com/docs/versions/からバージョン選択インターフェイスに直接入ります。
ここに画像の説明を挿入
ここに画像の説明を挿入

03-ページ上で必要に応じてダウンロードするバージョンを選択します。
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

通常はコンパイル済みバージョン(Compiled version)をダウンロードしますが、Bootstrapのコンパイル済みバージョンとは何ですか?
Bootstrap (および他の多くのフロントエンド フレームワーク) では、「コンパイル」とは、ソース コード (CSS、JavaScript、LESS、Sass など) を、ブラウザーが理解して実行できる最終的な最適化されたファイルに変換することを指します。コンパイルの目的は、パフォーマンスを向上させ、ファイル サイズを削減し、ソース コードをブラウザーが解析して実行できるコードに変換することです。

Bootstrap の CSS の場合、ファイルのコンパイル済みバージョンとコンパイルされていない (またはソース) バージョンの両方が表示されます。

未コンパイルのソース コード ファイル (通常は LESS または Sass 拡張子付き) には、フレームワーク全体のスタイル ルール、コンポーネント定義などに加えて、テーマ スタイルのカスタマイズやさまざまな設定に使用されるいくつかの変数とミックスイン (Mixins) が含まれています。フレームワークのパラメータ。これらのソース ファイルは理解や変更が容易ですが、最適化および圧縮されていないため、運用環境で使用するとパフォーマンスの問題が発生する可能性があります。

コンパイルされたファイル (通常は .css 拡張子付き) は、ソース コード ファイルを処理、圧縮、最適化することによって生成され、運用環境での直接使用に適しています。コンパイルされたファイルは、不要なコードとコメントを削除することでファイル サイズを削減し、読み込みを高速化し、パフォーマンスを最適化します。

コンパイルされた Bootstrap パッケージをダウンロードすると、実際に取得されるのは、処理された最終スタイル ファイルであり、プロジェクトで直接使用できます。この方法では、自分でコンパイルする必要がなく、これらのファイルをプロジェクトにドロップして使用するだけです。

ただし、テーマやスタイルをカスタマイズしたい場合、またはブートストラップ スタイルをより詳細に変更する必要がある場合は、ソース ファイルをダウンロードし、必要なカスタマイズを行ってから、それらをコンパイルして運用に適したスタイル ファイルを生成できます。

つまり、コンパイルとは、スタイル ファイルがブラウザーでの実行に適したものになるように、パフォーマンスとファイル サイズを最適化することです。ほとんどのプロジェクトでは、コンパイルされたスタイル ファイルを直接使用することが最も適切な選択です。
ここに画像の説明を挿入

04-ダウンロード後解凍し、必要に応じてファイルをご利用ください。
ここに画像の説明を挿入
ファイル bootstrap-4.5.3-dist.zip の Baidu ネットワーク ディスク ダウンロード アドレス:
https://pan.baidu.com/s/14BM9gpC3K-LKxhyLGh4J9Q?pwd=m02m
ここに画像の説明を挿入
ディレクトリ/css の内容は次のとおりです
ここに画像の説明を挿入
。ディレクトリ/jsの内容は次のとおりです。
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/wenhao_ir/article/details/132089650