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개
justified-nav.css << 이넘이 반응형 네비 미디어 쿼리를 포함하고 있는것 같습니다
respond.js 이넘이 크로스도메인을 지원을 안해서 그런듯합니다.
테스트는 안해봤지만, git에 크로스 도메인 관련 예제가 있군요 꼭 필요하시다면 git예제로 해보시면 되실듯합니다.
https://github.com/scottjehl/Respond
같은 도메인에서는 정상 작동합니다.
http://ontip.hosting.paran.com/bootstrap/examples/justified-nav/
덕분에 생각하지 못한 이슈 배웠습니다 ㄷ
Css 적용이 않되는 부분이라...
혹여나하고
해 보았었고, 다시 해보았지만 마찮가지...
답변 감사합니다.
위사이트 또한 동일한 증상이 발생한다면 원본 소스를 보지 않고는 뭐라 말씀드리기 힘듭니다 ㄷ
위 사이트 소스는 3.0에 포함된 예제에서 ie < 9 js파일 로드부분만 외부 리소스를 참조하고 CSS 참조는 원본 그대로 뒀습니다
CSS 참조를 외부리소스를 하게되면 첨부하신 스샷과 같은 동일 증상이 발생하였습니다.
사견으로는 CSS를 참조하지만 미디어쿼리 적용하는부분을 Respond.js가 정상적으로 작동안되는 문제로 사료됩니다
정말 감사합니다....아주 큰 도움이 되었어요...
정말 감사합니다...(ㅡㅡ)(_ _)
답변 주셔서 감사합니다.
에효....도대체 뭔징...ㅠㅠ
js 랑 css 의 path 만 추가한건데....
지금도 계속 파고 있는중입니다..ㅠㅠ