Cómo cambiar el color de fondo de la tarjeta en Bootstrap

Bienvenido a nuestra web, aquí hallarás la respuesta que buscabas.

Solución:

En primer lugar, usó card en vez de .card selector. Si desea configurar su propio background-color por .card deberías quitar .bg-primary clase y establecer reglas para .card:

.card 
    ...
    background-color: rgba(0, 0, 0, 0.2);
    ...

Segundo – en bootrstrap 4 background-color de .bg-primary se declara con !importantpor lo que anula cualquier otra declaración:

.bg-primary 
    background-color: #007bff!important;

Puede agregar su propia clase a .card:

.bg-custom-1 
    background-color: rgba(0, 0, 0, 0.2);

O puede establecer su color para .bg-primary si aún desea usarlo (asegúrese de que su css vaya después de bootstrap css):

.bg-primary 
    background-color: rgba(0, 0, 0, 0.2)!important;

Si para ti ha resultado de provecho este post, sería de mucha ayuda si lo compartieras con el resto desarrolladores así nos ayudas a dar difusión a nuestra información.

---

---

Utiliza Nuestro Buscador