This is how they look:
Personally I think the header and footer should receive the same colour as the outline class.
The Bootstrap team have already said no to this when it was suggested on GitHub.
Fortunately it is simple to apply some other Bootstrap classes to achieve the desired result. Add the corresponding bg-* class and "text-white".
<div class="card card-outline-danger">
<div class="card-header bg-danger text-white">
The quick brown fox jumps over the lazy dog
<div class="card-footer bg-danger text-white">
And this is how cards can look now:
Much better, right?
by John Avis | December 22, 2020
There are many changes in Bootstrap v5, but these are some of the stand-out changes I noticed when updating a website to v5.
by John Avis | December 12, 2020
With the release of Bootstrap Icons v1.2, there is now an easy-to-use web font. Here's how you can use the new web font in your web pages.
by John Avis | May 6, 2020
If you are having intermittent problems sending email in .NET using System.Net.Mail consider switching libraries.