bootstrap의 navbar와 함께 지도와 컨트롤 바를 화면 상에 띄우고자 하였는데 컨트롤 바가 제대로 보이지 않아요. 여러 가지를 시도하여 보니 base html로 사용하였던 부분의 부분을 삭제하면 제대로 작동한다는 것을 알게 되었습니다. 그런데 어떻게 해결해야할 지 몰라서 글을 남깁니다. 혹시 방법을 아시는 분이 계시다면 많은 도움 부탁드립니다.코드와 오류 모습 첨부합니다. 오류 모습에서 오른쪽 위의 컨트롤 바가 제대로 보이지 않아요.
신기하게도 span 이 4개 있는데 처음 span 만 적용되어 나타납니다.
bootstrap에 선언된 스타일과 적용한 스타일이 충돌돼서 발생한 문제입니다.
먼저 bootstrap에 선언된 * { box-sizing: border-box;} 스타일을 inherite으로 변경해주세요.
그리고 btn 클래스가 bootstrap에 스타일과 충돌하고 있습니다.
btn 클래스 명을 변경하거나 스타일 속성을 수정해주세요.
스카이뷰 버튼의 스타일 속성을 확인해보면
bootstrap에서 font-size, padding, border값을 적용하고 있습니다.
해당 속성 확인해서 수정해주세요.
1개의 좋아요
감사합니다!
1개의 좋아요