title: Image going out of screen in Bootstrap markup
body: <p>I am using Bootstrap. In the following markup, when the browser window <strong>width</strong> is reduced to minimum, image spills over and not totally 100% visible.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-12 col-sm-12 col-md-12"&gt;
           &lt;h1 style="display:inline;"&gt;Some heading here&lt;/h1&gt;
           &lt;img src="http://feedsinsight.com/Content/logo.png" style='height:38px;vertical-align:bottom;float:right;' /&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I fit it?</p>