如何禁用Twitter Bootstrap中的縮小/縮小圖像？

引導2.2.1
HTML通過AJAX以層裝
層由桌面監視器上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

來源

2012-11-08 herrjeh42

你確定沒有其他規則來在這裏玩？我已經設置了一個Bootstrap加載的示例，顯示標記或CSS中的設置尺寸會產生預期的結果。 http://jsfiddle.net/rCNRf/ – amustill

我在網上添加了一些示例代碼的鏈接。 – herrjeh42

使用表格單元格與圖像下面的代碼：

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

來源

2012-11-08 20:17:50

thanx很多。現在我意識到Bootstrap中的圖像適應父級的寬度，在這種情況下，它是一個td。 – herrjeh42

如何禁用Twitter Bootstrap中的縮小/縮小圖像？

回答

相關問題