如何在Twitter Bootstrap中禁用收缩/缩小图像?

时间:2012-11-08 18:12:32

标签: css twitter-bootstrap responsive-design

我有以下设置

  • Bootstrap 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;
}

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

更新 我发现当图像在表格中并且表格行中有大量文本而且所有内容都在图层中时会发生这种情况。

以下是我的用例的简化示例:

修正版:

1 个答案:

答案 0 :(得分:1)

用于包含图像下一个代码的表格单元格:

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