Bootstrapのインストール方法・使い方が分かりません

Question

Bootstrapのページでどれをインストールする方法を教えてください。

また、使い方も教えてください。

Comments

[m.ts10806]

＞Bootstrapのページで

どのページを参照しているのでしょうか。URLを提示してください。
公式ドキュメントであればそのまま書いてある通りですが。

[m.ts10806]

>また、使い方も教えてください。

これもドキュメントにある通りです。
何をしたくてBootstrapを導入したいかによっても使う機能が異なってくるので
単に「教えてください」でできるアドバイスはほぼありませんよ。

Answer 1

公式サイトをご覧ください。

https://getbootstrap.com/

Answer 2

とりあえず、一番実感しやすそうな「Webサイトからファイルをダウンロード」する方法で説明してみます。

---

[1] Bootstrapのダウンロードページへ遷移
「Download」ボタンをクリックしてください。
https://getbootstrap.com/

---

[2] BootstrapのZipファイルをダウンロードし展開 (解凍)
https://getbootstrap.com/docs/4.5/getting-started/download/ (2020/08/12時点でのURL)
「Compiled CSS and JS」の「Download」ボタンをクリックしてください。

---

[3] 「index.html」ファイルを作成し、CSSファイルやJSファイルを読み込む

とりあえずBootstrapを使いたい、ということであれば
「/css/bootstrap.min.css」と「/js/bootstrap.min.js」を読み込むのが無難と考えます。

---

[4] 試しにBootstrapで用意されているクラスを使用してみる

参考URL (ボタンの場合):
https://getbootstrap.com/docs/4.5/components/buttons/

<button type="button" class="btn btn-primary">Primary</button>

[3]でCSS (やJS) ファイルを読み込んだあと、上記HTMLをindex.html内に書いてみて、
「参考URL (ボタンの場合)」のページに示すような見た目になれば成功です。

---

そのほか、CDNやnpmで取得する方法もあるのですが、混乱させてしまいそうなので説明を省略します。