Background color on card styles with list groups get overriden
Created by: vanillajonathan
The .list-group-item
class sets the background-color
property which overrides the property declared by the .bg-warning
class.
<div class="card text-white bg-warning mb-3">
<div class="card-header">Card header</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Item 1</li>
<li class="list-group-item">Item 2</li>
<li class="list-group-item">Item 3</li>
</ul>
</div>
Test case, see: https://jsbin.com/tuqerepobe/edit?html,output