IE7에서 Twitter 부트 스트랩 작업 표시 줄을 올바르게 작동 시키려면 어떻게해야합니까?

Question

최근에 부트 스트랩 작업 표시 줄을 응용 프로그램에 추가했으며 모든 최신 브라우저에서 정상적으로 작동합니다.

그러나 IE7에서는 작업 표시 줄이 세로로 매우 깊어지고 메뉴 옵션이 첫 번째 줄의 "브랜딩"텍스트와 두 번째 줄의 메뉴 옵션으로 두 번째 줄로 줄 바꿈됩니다.

또한 작업 표시 줄의 모든 텍스트가 왼쪽으로 떠있는 것보다는 페이지 중앙으로 나타납니다.

이에 대한 IE7 임시 해결 방법이 있습니까?

Answer 1

질문을 올바르게 이해하면 IE7이 @ 미디어 요청을 지원하지 않기 때문에 설명하는 문제가 발생할 가능성이 높습니다. 그것은 당신을 위해 일 것 같은이 보인다면

당신은 respond.js 또는 css3-media-queries.js

을 시도 할 수, 문서의 머리에 조건부 주석이 IE의 이전 버전 사용자를 위해이를 포함하는 하나 쉬운 방법입니다.

나는 머리에 다음과 같이 과거에 이것을 사용했습니다 :

<!--[if (lt IE 9) & (!IEMobile)]> 
<script src="/path-to/js/respond.min.js"></script> 
<![endif]--> 

행운을 빕니다!

UPDATE

나는 그 폭은 940px로 설정되어 네비게이션 바> 네비게이션 바-내부> 컨테이너 DIV의 스타일을 보면. 이것은 구형 인터넷 익스플로러에서 문제의 근원으로 보인다.

이 기능은이 기능을 사용하십시오.

.navbar-fixed-top .container{ 
width:80% !important; /* not sure if you need important but doesn't hurt ;) */ 
} 

: 다른 모든 CSS 호출

<!--[if lt IE 9]> 
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> 
<![endif]--> 

는 그런 다음에 새로운 IE8 앤 down.css 스타일 시트를 만들어 추가 한 후 문서의 머리에서

, Mac의 가상 박스에서 Windows 설치를 테스트하고 있습니다.이 기능은 저에게 달렸습니다 ... 당신에게 유용한 도구가되기를 바랍니다.