【スキルハックス】Bootstrapでハートマークを作る！進捗状況を示すプログレスバーを作る！

今回はBootstrapでハートマークを作ったり、進捗状況を表すプログレスバーの作り方になります。

Componentsをクリックすると様々なアイコンがあります。その中からハートマークを作っていきます。

上記のように書きます。

ハートマークを表示することができました。

次にプログレスバーを作ります。Progress barsをクリックします。

コピーして貼り付けします。インデントがズレてしまっています。

Tabキーを使って、インデントを合わせました。

プログレスバーを表示することができました。