Step 1. bootstrap에서 원하는 요소 코드 가져오기

두 개의 박스를 각각 열거나 한 번에 열 수 있는 토글


Step 2. 원하는 부분에 배치하고 스타일 태그로 속성 변경하기

글자 색, 배경 색, 경계선 색 변경

부트스트랩을 사용할 경우, 기본적으로 적용된 스타일 속성이 있다.

그러므로 원하는 속성으로 값을 변경하고 싶은 경우에는 !important 를 추가해서 기존의 속성을 무시하고 원하는 값이 적용될 수 있도록 해야 한다.

 

2025.02.18 - [트러블 슈팅] - [CSS] 요소 가운데 정렬

 

[CSS] 요소 가운데 정렬

목적위 사진과 같이 3개의 토글이 웹페이지 가운데에 정렬되는 것트러블 원인부트스트랩을 통해 가져온 3개의 토글 버튼이 웹페이지 왼쪽에 붙은 상태로, 위치가 변경되지 않는 이슈 발생 구현

go-getter1kim.tistory.com

 


결과물