尽管我设置了宽度，为什么我的图像会缩小？

Question

我设置了宽度和高度，但它忽略了这一点，并显示为原始大小。 为什么？？？ Bootstrap Css正在阻止什么???

            <p class="responsive-img">  
                <img alt="2011-08-16_20.01.51" class="img-polaroid" height="100" src="/system/user_avatars/1/thumb/2011-08-16_20.01.51.jpg?1355911975" width="100" />
            </p>

Answer 1

是的，Twitter Bootstrap CSS会覆盖height属性（并且，根据浏览器及其模式，还会覆盖width属性）。它设置了height: auto和width: auto\9。 CSS设置会覆盖HTML属性，因此您需要使用CSS来覆盖Bootstrap设置。在内联CSS中，您将使用

 <img ... style="width: 100px; height: 100px" ...>

但您也可以在style元素或外部样式表中使用样式表。 Bootstrap代码使用img选择器，因此很容易通过级联规则击败它。