css - 如何在 Twitter Bootstrap 中禁用缩小/调整图像大小？

Question

我有以下设置

• 引导程序 2.2.1
• 通过 AJAX 在层中加载的 HTML
• 桌面显示器上的图层宽度为 600 像素

我想显示小图像（32x32 像素）：

<img src="/img/icon_line.png" class="img-polaroid" width="32" height="32" />

发生的情况是它们通过 bootstrap.css 中的以下 css 规则缩小到很小的大小：

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

如何避免这种情况并在我的图层中以全尺寸显示图标？

更新： 我发现当图像在表格中并且表格行内部有很多文本并且所有内容都在图层中时，会发生这种情况。

这是我的用例的简化示例：

• 长文本，损坏：http ://www.another-showroom.com/bootstrap/broken.html
• 短文本，好的：http ://www.another-showroom.com/bootstrap/ok.html
• zip 文件示例：http ://www.another-showroom.com/bootstrap/bsbug.zip

固定版本：

• http://www.another-showroom.com/bootstrap/fixed.html

Answer 1

用于带有图像下一个代码的表格单元格：

<td class="span1">
     <img src="img/icon_line.png" class="img-polaroid" alt="Ligne">
</td>