title: How to Override bootstrap img height and width properties?
body: <p>I use twitter bootstrap 2.3.2, there is this issue which is discussed in many places but still helpless. Bootstrap has specified </p>
  
  <pre><code>img {
    width : auto\9;
    height: auto;
  }
  </code></pre>
  
  <p>When I render an image the height and width attributes of img tag are overridden by this css of bootstrap. I want to override this style unfortunately through css I am unable to do it. The problem is especially in IE as they have used IE specific style property.</p>
  
  <p>Fiddle link: <a href="http://jsfiddle.net/fCMey/" rel="nofollow noreferrer">http://jsfiddle.net/fCMey/</a> 
  The image looks smaller in chrome and firefox but in IE looks larger as in the original image size.</p>
  
  <p>Other ways of fixing which I referred are 
  <a href="https://github.com/twbs/bootstrap/issues/1899" rel="nofollow noreferrer">https://github.com/twbs/bootstrap/issues/1899</a> - This is not working  I tried.
  Similar SO issue
  <a href="https://stackoverflow.com/questions/14276137/how-do-i-reset-a-twitter-bootstrap-reset-to-the-browsers-original">How do I reset a twitter bootstrap reset to the browser&#39;s original</a></p>
  
  <p>What I am looking for is I cannot set the height and width via inline style attribute as the image is added via third party editor. Also I use the bootstrap.css directly not the less file or any other way.</p>
  
  <p>Are there any fix for this issue or I should directly remove the css from bootstrap.css ?</p>