부트 스트랩에있는 카드의 배경색을 일반 색상 또는 "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;
}
우선- 선택기 card
대신 사용 했습니다 .card
. 당신이 당신의 자신의 설정하려는 경우 background-color
를 위해 .card
당신은 제거해야 .bg-primary
클래스에 대한 일련의 규칙 .card
:
.card {
...
background-color: rgba(0, 0, 0, 0.2);
...
}
두 번째-in bootrstrap 4 background-color
of .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;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다