부트스트랩 class 속성 수정 질문이요

Question

이미 만들어져있는 box나 이런걸 들고왔는데

부트스트랩 class 속성에 제가만든 class 속성을

중첩시킬수있나요??

ex) class="box 내가만든클래스속성"

이런식으루요..

<stlye>태그나 css직접수정은 하지말라해서

못합니다.. linline속성도 쓰지말래요

Answer 1

직접 만드신 클래스라는 것이 css파일을 따로 만드셔서 갖고 계신다는 말씀이신 것 같은데, 그렇다면 위 예제처럼 가능합니다.

혹시나 적용이 잘 안되면 css속성의 순서 확인바랍니다.

box와 만드신 클래스 속성 중에 중복된 것이 있을 경우, <style></style> 안에 있는 속성 중에 뒤에 있는 속성이 적용됩니다.

Answer 2

안녕하세요.

부트스트랩 버튼을 디자인 변경한 예제입니다.

1. 부트스트랩 css 밑에 커스터마이징 할 common.css 태그를 추가합니다.

... <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="common.css" rel="stylesheet" /> ... <button type="button" class="btn btn-primary"></button> ...

2. common.css

.btn-primary {color: #0D6EFD; background-color: #fff;} /* 클래스를 주더라도 적용이 안되는 경우 !important 로 가능 */ .btn-primary {color: #0D6EFD !important; background-color: #fff !important;}