Card

Card header

カードのタイトル

カード全体にborder-primaryのクラスを適用しています。文字色も text-primaryのクラスで変更しています。

Card header

カードのタイトル

カード全体にboreder-successのクラスを適用しています。また、ヘッダーの文字色をtext-successに変更しています。

Card header

カードのタイトル

カード全体にboreder-dangerのクラスを適用しています。また、ヘッダーとタイトルの文字色をtext-dangerに変更しています。

Card header

カードのタイトル

カード全体だけでなく、ヘッダー・フッターにもborder-primaryのクラスを適用すると、このように枠線が着色されます。

Card header

カードのタイトル

カード全体ではなく、ヘッダー・フッターだけにborder-successのクラスを適用すると、このような結果になります。

Card header

カードのタイトル

カード全体にbg-darkの背景色を適用し、ヘッダー・フッターにborder-whiteのクラスを適用すると、このような結果になります。