【Bootstrap5】Badgeの使い方・カスタマイズ例について

皆さんこんにちは。いし(@ishilog2)です。

今回はBootstrap5のBadgeの使い方についてご紹介します。

基本の使い方

https://getbootstrap.jp/docs/5.0/components/badge/
基本の使い方では公式の内容を記載しております。

サイズを見出しに合わせる

ボタンの中に設置する

色を変える

丸みを帯びたデザインに

カスタマイズ例

Badgesを好きな色に変更する

Badges in Badge

Badgesにhref属性をつける

spanタグをaタグにすることでhref属性をつけることが出来ます。