왜 작동합니까? - Twitter Bootstrap 2.3.1

Question

나는 최근에 posted a question 내가 어떻게 반응 형 이미지를 수직으로 정렬 할 수 있는지 물었습니다. 혼자서 대답을 찾았지만 어떻게 작동하는지 알지 못하기 때문에 더 큰 질문이 제기되었습니다.

이 jsFiddle에서보세요 : 다음 코드를 사용 http://jsfiddle.net/fmwzT/1/는

수직 네비게이션 바에서 이미지를 정렬 :

<div id="f1"><div id="outer-element"><img id="inner-element" src="http://zx85.dyndns.org/raphtest/img/title.png" alt="Logo"></div></div> 

#fl { 
    float: left; 
} 

#outer-element { 
    display: table-cell; 
    vertical-align: middle; 
    height: 40px; 
    max-width: 301px; 
} 

#inner-element { 
    display: inline-block; 
    margin-left: -20px; 
} 

하지만, 부트 스트랩 최신 버전 (2.3없이. 1)이 작동하지 않습니다!이 jsFiddle에서보세요 :이 두 번째 jsFiddle는 부트 스트랩 2.3.1가 포함되어 있지 않습니다 http://jsfiddle.net/fmwzT/2/

을하지만, 부트 스트랩 2.3.0이 포함되어 있습니까 아직 작동하지 않습니다 (내가 layout.css라는 외부 CSS 파일 안에 포함).

질문 : Twitter Bootstrap 2.3.1의 어떤 부분이 navbar 내부의 이미지를 반응하게하는지 알 수 있습니까?

Answer 1

이 이전 버전에서 버전 2.3.1 (응답-combined.css)에 존재하지 않습니다 :

img { 
    height: auto; 
    max-width: 100%; 
}