BootStrap 데모가 적용이 않되는 ...
IE8 에서 테스트중입니다.
의 소스을 그대로 가지고 와서
script & css path 을 수정하고서
실행해보면
데모 버젼은 제대로 보이는데
복사해서 적용한 소스는 float:left 속성이
먹히지을 않고 있습니다.
첨부파일과 같이 나타나는 상황입니다.
바꿔준거라고는
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" media="screen" >
<link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet">
<link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://getbootstrap.com/assets/js/html5shiv.js"></script>
<script src="http://getbootstrap.com/assets/js/respond.min.js"></script>
<![endif]-->
<script src="http://getbootstrap.com/assets/js/html5shiv.js"></script>
<script src="http://getbootstrap.com/assets/js/respond.min.js"></script>
<![endif]-->
http://getbootstrap.com 로 바꿔준것뿐인데
왜 이러는지 .... ㅠㅠ
부탁 드리겠습니다.
댓글 10개
THIRD
12년 전
눈대중으로 살짝 보니
justified-nav.css << 이넘이 반응형 네비 미디어 쿼리를 포함하고 있는것 같습니다
justified-nav.css << 이넘이 반응형 네비 미디어 쿼리를 포함하고 있는것 같습니다
THIRD
12년 전
뻘짓이였군요.. ㄷ
respond.js 이넘이 크로스도메인을 지원을 안해서 그런듯합니다.
테스트는 안해봤지만, git에 크로스 도메인 관련 예제가 있군요 꼭 필요하시다면 git예제로 해보시면 되실듯합니다.
https://github.com/scottjehl/Respond
같은 도메인에서는 정상 작동합니다.
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
덕분에 생각하지 못한 이슈 배웠습니다 ㄷ
respond.js 이넘이 크로스도메인을 지원을 안해서 그런듯합니다.
테스트는 안해봤지만, git에 크로스 도메인 관련 예제가 있군요 꼭 필요하시다면 git예제로 해보시면 되실듯합니다.
https://github.com/scottjehl/Respond
같은 도메인에서는 정상 작동합니다.
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
덕분에 생각하지 못한 이슈 배웠습니다 ㄷ
12년 전
말씀하신 부분은 아닌것 같습니다...
Css 적용이 않되는 부분이라...
혹여나하고
해 보았었고, 다시 해보았지만 마찮가지...
답변 감사합니다.
Css 적용이 않되는 부분이라...
혹여나하고
해 보았었고, 다시 해보았지만 마찮가지...
답변 감사합니다.
THIRD
12년 전
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
위사이트 또한 동일한 증상이 발생한다면 원본 소스를 보지 않고는 뭐라 말씀드리기 힘듭니다 ㄷ
위 사이트 소스는 3.0에 포함된 예제에서 ie < 9 js파일 로드부분만 외부 리소스를 참조하고 CSS 참조는 원본 그대로 뒀습니다
CSS 참조를 외부리소스를 하게되면 첨부하신 스샷과 같은 동일 증상이 발생하였습니다.
사견으로는 CSS를 참조하지만 미디어쿼리 적용하는부분을 Respond.js가 정상적으로 작동안되는 문제로 사료됩니다
위사이트 또한 동일한 증상이 발생한다면 원본 소스를 보지 않고는 뭐라 말씀드리기 힘듭니다 ㄷ
위 사이트 소스는 3.0에 포함된 예제에서 ie < 9 js파일 로드부분만 외부 리소스를 참조하고 CSS 참조는 원본 그대로 뒀습니다
CSS 참조를 외부리소스를 하게되면 첨부하신 스샷과 같은 동일 증상이 발생하였습니다.
사견으로는 CSS를 참조하지만 미디어쿼리 적용하는부분을 Respond.js가 정상적으로 작동안되는 문제로 사료됩니다
12년 전
허거덩....다운받아 설치한곳에 샘플을 실행하니 제대로 되네요...
정말 감사합니다....아주 큰 도움이 되었어요...
정말 감사합니다...(ㅡㅡ)(_ _)
정말 감사합니다....아주 큰 도움이 되었어요...
정말 감사합니다...(ㅡㅡ)(_ _)
12년 전
@THIRD 오, 저도 좋은것 배웠습니다. ^^
letsgolee
12년 전
호환성 보기가 선택된 것은 아닌가요?
12년 전
예에...호환성 보기는 않 했었어요..
답변 주셔서 감사합니다.
에효....도대체 뭔징...ㅠㅠ
답변 주셔서 감사합니다.
에효....도대체 뭔징...ㅠㅠ
12년 전
음... doctype 설정이 달라서...는 아닐까용?
12년 전
소스 고대로 복사하고,
js 랑 css 의 path 만 추가한건데....
지금도 계속 파고 있는중입니다..ㅠㅠ
js 랑 css 의 path 만 추가한건데....
지금도 계속 파고 있는중입니다..ㅠㅠ
게시글 목록
| 번호 | 제목 |
|---|---|
| 5638 | |
| 27321 | |
| 5637 | |
| 31931 | |
| 31925 | |
| 18979 |
jQuery
마우스 오버시 레이어 출력~
2
|
| 5633 | |
| 27316 | |
| 27307 | |
| 18976 |
jQuery
메뉴 고정
2
|
| 5631 | |
| 18974 | |
| 31919 | |
| 30803 | |
| 31911 | |
| 5625 | |
| 5623 | |
| 5620 | |
| 27298 | |
| 31904 | |
| 31887 | |
| 31884 | |
| 18967 |
jQuery
facebook timeline 스타일 따라하기
6
|
| 5616 | |
| 5611 | |
| 18963 | |
| 5608 | |
| 31881 | |
| 5601 | |
| 31866 | |
| 31862 | |
| 5599 | |
| 5595 | |
| 5592 | |
| 24497 | |
| 18958 | |
| 31859 | |
| 31855 | |
| 18952 | |
| 18946 |
JavaScript
html 테그 제거하는 함수
5
|
| 18942 |
JavaScript
새로고침(F5) 금지 하는 자바 스크립트
3
|
| 18939 |
JavaScript
자바스크립트 문자열 비교
2
|
| 18936 |
JavaScript
자바스크립트를 이용해 모니터 해상도 구하기
2
|
| 18933 |
JavaScript
모바일 접속시 모바일 페이지로 이동하기
2
|
| 5590 | |
| 5586 | |
| 18924 |
MySQL
SQL 문장의 실행순서
8
|
| 18915 |
MySQL
초보자들을 위한 팁(count편)
8
|
| 18913 | |
| 18908 |
MySQL
트리거를 이용한 날짜 자동 업데이트
4
|
| 27293 | |
| 5583 | |
| 5580 | |
| 18895 |
PHP
배열 순서 섞기
12
|
| 18886 |
JavaScript
체크박스 전체선택/해제/반전
8
|
| 18880 |
JavaScript
마우스휠이벤트 등록 및 활용
5
|
| 5576 | |
| 31840 | |
| 30792 | |
| 18869 |
JavaScript
부분 프린터하기
10
|
| 18866 |
JavaScript
GET으로 넘어온 파라미터 가져오기
2
|
| 18862 |
JavaScript
첨부파일 확장자 체크 [정규식]
3
|
| 18858 |
JavaScript
iframe 아이프레임 투명처리
3
|
| 5569 | |
| 5565 | |
| 27287 | |
| 18857 | |
| 18855 |
PHP
주민번호 검사기
1
|
| 18854 | |
| 18847 |
JavaScript
화면 줌(ZOOM); 필요한분이 있으려나...;
6
|
| 18843 | |
| 18841 | |
| 18840 |
PHP
utf8 체크하기
|
| 31825 | |
| 18839 | |
| 18835 | |
| 18833 | |
| 18832 |
JavaScript
내 쇼핑몰에 즐겨찾기 등록 버튼 만드는 방법
|
| 18822 |
JavaScript
네이버 지도 API 다중마커 구현 소스 입니다.
9
|
| 18820 |
PHP
카운터 늘리기 방법은?
1
|
| 5561 | |
| 31806 | |
| 18815 | |
| 31830 | |
| 18809 |
PHP
정규식 사용법입니다.
5
|
| 18807 | |
| 18806 | |
| 18803 | |
| 18801 | |
| 18800 | |
| 18796 | |
| 5559 | |
| 18793 | |
| 18791 |
PHP
자릿수만큼 문자열 채우기
1
|
| 5554 | |
| 31780 | |
| 31790 | |
| 31758 | |
| 24491 | |
| 27284 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기