지도 index.html 삽입 후 부트스트랩 페이지 오류
311
작성한 질문수 1
해당 강의를 보면서 제주오름이 아닌 전국 지도로 나름대로 index.html 저장을 했는데요.
이거를 부트스트랩에서 다운 받은 index.html에 코드를 옮기면
services 부분에 도형이 커지는건지, 위치가 바뀌는건지 합니다..
어떻게 해야할까요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
choinjeong님, 문제 상황에 대해 자세하게 설명해주셔서 감사합니다.
부트스트랩을 사용할 때 서로 다른 CSS 스타일이나 JavaScript가 충돌하여 요소들의 크기가 변하거나 위치가 바뀔 수 있습니다. 따라서 다음과 같은 대처 방법을 시도해 볼 수 있습니다:
- CSS 우선순위 확인: 지도를 포함하는 HTML 요소에 적용된 CSS와 부트스트랩 CSS 사이의 충돌을 확인하세요. 인라인 스타일, id, 클래스에 따른 우선순위를 점검해 보세요.
- 컨테이너와 그리드 시스템 활용: 부트스트랩의 그리드 시스템을 이용하여 지도를 포함할 컨테이너를 구성해 보세요. 부트스트랩의
row와col클래스를 활용하여 지도가 들어갈 영역을 명확히 구분하고, 반응형 디자인을 고려할 수 있습니다.
- JavaScript 충돌 확인: 부트스트랩과 Folium 라이브러리 혹은 다른 JavaScript 라이브러리 간에 충돌이 있을 수 있으므로, 오류가 발생하는 부분의 스크립트를 확인하세요.
- 개발자 도구를 이용한 디버깅: 웹 브라우저의 개발자 도구를 활용해 실제로 렌더링된 요소들의 스타일과 스크립트를 분석하고, 어떤 부분에서 문제가 생기는지 확인해보세요.
만약 이런 방법으로 해결이 되지 않는다면, 직접 부트스트랩과 호환되는 방법으로 지도를 삽입하는 코드를 수정하거나, 다른 개발자의 도움을 받을 수도 있습니다.
추가적인 도움이 필요하시면 인프런의 ‘문의하기’를 통해 자세한 상담을 받으실 수 있습니다.
11. 데이터를 목록화하는 리스트와 튜플 에서 콘솔 실행시
0
4
1
ZIP 파일
0
12
2
26강 13F 강의 불일치 및 질문 요청
0
18
3
state 객체로 묶기
0
8
0
[업로드오류] 강의 내용과 제목 불일치
0
13
2
강의와는 별개로...
0
20
3
[예제002] 에서 파인썬 인터프리터가 없습니다
0
19
3
65강 소리
0
11
1
작업형2 모의문제1 (30강)
0
17
1
섹션 5 CSS selector사용해서 클로링하기2의 커리큘럼 일정 부재?
0
15
2
가상환경 초반 에러_create name
0
25
1
안녕하세요 유튜브 보고 재밌을꺼 같아서 강의 결제해서 보고잇습니다.
0
20
2
수강 기간 연장 문의 드립니다.
0
20
1
수강 계획과 관련해 문의 드립니다.
0
19
1
노션 열기에 도움이 필요합니다.
0
26
2
노션 파일 권한
0
24
2
좋은 강의 자료 감사합니다.
0
27
2
유튜브 영상보고 강의 등록하였습니다.
0
28
2
지도 및 버스경로(실시간 도착시간) 이런 부분도 추가하고 싶은데 어떻게 하나요?
0
80
1
한글깨짐 해결 설치코드 변경 필요합니다.
0
136
1
geojson 좌표 문제
1
414
0
iconUrl이 무지막지하게 깁니다.
0
504
2
구글 시트 활용 방법
0
407
3
티스토리 업로드 방법
0
553
1