부트스트랩에 드롭다운 스타일이나 셀랙트박스 스타일은 없나요?

Question

드롭다운 박스나 샐렉트박스 btn -primary

이런것처럼 디자인 클래스 없나요??

셀랙트박스를 넣어도 기본 디자인만 나와서요

그리고 드롭다운 예제를 넣었는데 제대로 작동하지 않아요 혹시 부트스트랩에는 원래 없나요?

Answer 1

안녕하세요.

부트스트랩을 사용하고 계시는군요

드롭다운이나 select 스타일도 포함되어 있답니다 :)

관련 링크를 첨부해 드릴게요

[ 부트스트랩 - v4.1 드롭다운 스타일 ]

https://getbootstrap.com/docs/4.1/components/dropdowns/

[ 부트스트랩 -v4.1 select 커스텀 스타일]

https://getbootstrap.com/docs/4.1/components/input-group/#custom-select

그리고 스타일링이 안되는 경우에는 작성하신 html파일에서 dom 상에 문제가 없다면 css 파일 로드 문제인 것 같네요. 관련 링크도 첨부해 드리겠습니다.

[ w3cschool - css link 사용방법 및 css 로드방법 정리 ]

https://www.w3schools.com/html/html_css.asp

빠른 해결 되시기를 희망합니다.

Answer 2

안녕하세요.

select box 태그 자체에 css를 하기에는 제약이 많아 디자인을 많이 할 수 없습니다. 부트스트랩에는 select box에 primary 를 줄 순 없지만 dropdown을 사용하면 비슷하게 디자인을 입힐 수 있습니다.

select box : https://getbootstrap.com/docs/4.6/components/input-group/#custom-select

dropdown : https://getbootstrap.com/docs/4.6/components/dropdowns/