title: Why doesn't svg work in bootstrap media object?
body: <p>I have been trying to use svg in bootstrap media object and found that it doesn't take it's minimum width if width is not set explicitly. E.g. consider the simple case with a png image:  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div class="media"&gt;
    &lt;div class="media-left"&gt;
      &lt;a href="#"&gt;
        &lt;img class="media-object" src="https://www.tutorialspoint.com/bootstrap/images/64.jpg" alt="..."&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="media-body"&gt;
      &lt;h4 class="media-heading"&gt;Media heading&lt;/h4&gt;
      sample text. This is some sample text. This is some sample text. This is some sample text. This is some s
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The png image used has default width of 64px so it shows as a 64px wide image. Now consider the same example with an svg img:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;div class="media"&gt;
    &lt;div class="media-left"&gt;
      &lt;a href="#"&gt;
        &lt;img class="media-object" src="http://www.iconninja.com/files/93/412/839/social-online-media-pay-paypay-pal-icon.svg" alt="..."&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="media-body"&gt;
      &lt;h4 class="media-heading"&gt;Media heading&lt;/h4&gt;
      The random text that shows that the text that was suypposed to be the text.
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>We can see that in second example the svg doesn't take it's minimum default width like a png or jpg does. On the other hand if I simply have two image tags in body tag and first image is png and second is svg and both images don't have width set explicitly then both the images take their default width.</p>
  
  <p>My question is why does in bootstrap media object the svg take it's default width?</p>