這是爲什麼起作用？ --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：http://jsfiddle.net/fmwzT/2/

本次的jsfiddle不包括自舉2.3.1，但確實包含自舉2.3.0（包含在外部CSS文件我叫layout.css中內），但它不工作。

問題：有誰知道Twitter Bootstrap 2.3.1的哪個部分導致導航欄中的圖像響應嗎？

Answer 1

這是存在於版本2.3.1（響應-combined.css），而不是在現有的版本：

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