ドットインストール - 3分動画でマスターできるプログラミング学習サービス

VS Codeのバージョンアップにより、index.htmlのタブをブラウザへドラッグ＆ドロップできなくなったようです。代替手段として、下図のようにサイドバーにてファイル一覧を開き、そこからドラッグ＆ドロップするようにしてください。

それでもうまくいかない場合は、Chromeブラウザを選択した状態で、WindowsならCtrlキー、macOSならcommandキーを押しながら、英語のoキーを押すと、ファイルを選択できるようになります。そこからファイルを開いても OK です。

Bootstrap Iconsのサイトは以下からアクセスしてください。なお、検索すると日本語バージョンのサイトがでる場合もありますが、アイコンが古かったりするので、英語版を使うのがおすすめです。

・Bootstrap Icons · Official open source SVG icon library for Bootstrap
https://icons.getbootstrap.com/

VS CodeのVersion: 1.69.0以降にて「!」によるHTMLの雛形が入力できなくなったようです。かわりに「html:5」と打ってからタブキーで入力するようにしてください。

Boostrap本体に興味を持たれた方は以下のレッスンを参照してください。

・Bootstrap 5入門 (全21回)
https://dotinstall.com/lessons/basic_bootstrap