Twitter Bootstrap에서 이미지 축소/재구성을 어떻게 비활성화 할 수 있습니까?

Question

내가 AJAX를 통해 계층에 넣은 다음 설정

• 부트 스트랩 2.2.1
• 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/bsbug.zip

: zip 파일로 http://www.another-showroom.com/bootstrap/ok.html는

예 고정 버전 :

이미지 다음 코드를 사용하여 테이블 셀에 대한 63,210

• 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>