まずはBootstrap 5 をダウンロード

1. 「bootstrap 5 download」と検索
   https://getbootstrap.com/docs/5.0/getting-started/download/
2. 「Compiled CSS and JS」の下の「Download」をクリック
   ダウンロードして解凍

解凍したフォルダの中の説明をしていきます。

cssフォルダ

cssフォルダでhtmlに読み込むのは「bootstrap.min.css」

• bootstrap.min.css
  bootstrap.cssの改行なしバージョン

もしくは、使うシステムだけを抜き出したcssを読み込む

• bootstrap-grid.css（bootstrap-grid.min.css）
  グリッドシステムだけを抜き出したCSS
• bootstrap-reboot.css（bootstrap-reboot.min.css）
  リセットCSS
  すべての要素に「box-sizing: border-box;」が適用
  remはフォントのサイズだけでなく、スペースを定義するためにも利用

jsフォルダ

jsフォルダでhtmlに読み込むのは「bootstrap.bundle.min.js」

• bootstrap.bundle.min.js
  bootstrap.bundle.jsの改行なしバージョン
  popper.jsが含まれている

popper.jsとは、ドロップダウン、ポップオーバー、ツールチップを動作させる際に必要なライブラリです。
そういった機能を使わない場合は「bootstrap.min.js」を利用しましょう。

• bootstrap.min.js
  bootstrap.jsの改行なしバージョン
  popper.jsが含まれていない（popper.jsを別で読み込むときに使用）