как изменить цвет фона карты в начальной загрузке

Question

Я хочу изменить цвет фона карты в начальной загрузке с обычного цвета или "bg-primary" на rgba цвет на мой выбор.

card {
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0px 20px 0 rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.2);
    transition: 0.3s;
 }

Answer 1

Прежде всего - вы использовали card вместо .card селектора. Если вы хотите установить свой собственный background-color для .card, вы должны удалить класс .bg-primary и установить правила для .card:

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

Второй - в bootrstrap 4 background-color из .bg-primaryобъявляется с !important, поэтому он отменяет любые другие объявления:

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

Вы можете добавить свой собственный класс в .card:

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

Или вы можете установить свой цветдля .bg-primary, если вы все еще хотите его использовать (убедитесь, что ваш CSS идет после начальной загрузки CSS):

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