Css 为什么这样做Twitter引导程序2.3.1

最近，我问我如何能够垂直对齐响应图像。我自己找到了答案，但它提出了一个更大的问题，因为我不知道它是如何工作的或为什么工作的

看看这个JSFIDLE：

它使用以下代码在导航栏中垂直对齐图像：

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

但是，如果没有最新版本（2.3.1）的引导，这将不起作用看看这个JSFIDLE：

第二个JSFIDLE不包括Boostrap 2.3.1，但包含Boostrap 2.3.0（包含在一个名为layout.css的外部css文件中），但它不起作用

---

问题：有人知道Twitter引导程序2.3.1的哪一部分导致导航栏内的图像响应吗？

这在版本2.3.1（responsive composed.css）中存在，而在以前的版本中没有：

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

---

这在版本2.3.1（responsive combined.css）中出现，在以前的版本中没有：

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

---

一个很好的问题。“这些风格在整个DOM中似乎都是相同的。@Aaron，这是为了表明我的观点。刚刚意识到这一点，编辑了我的评论。一个很好的问题。”。DOM上的所有样式似乎都是相同的。@Aaron，这是为了表明我的观点。刚刚意识到这一点，编辑了我的评论。谢谢你的帮助=）谢谢你的帮助=）