title: How to set min-height for bootstrap container
body: <p>I have some issues with the container in bootstrap. My goal is to have a container which is only as high as the content. For example:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;img src="#.jpg" height="200px" width="300px"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the example above, the container should be only as high as the image. However, even though I set min-height for the container via CSS to 0px, my browser automatically integrates a min-height of 594px in the element style. The source code in the browser looks like this:</p>
  
  <pre><code>&lt;div class="container" style="min-height: 594px;"&gt;
    &lt;img src="#.jpg" height="200px" width="300px"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But in the HTML file the style element is not defined. This occurs with Chrome as well as IE. Hence, the CSS code (min-height: 0px;) is being ignored.</p>
  
  <p>CSS:</p>
  
  <pre><code>.container {
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
     max-width: 900px;
     overflow:hidden;
     min-height:0px;
  }
  </code></pre>
  
  <p>Has anyone an idea on how I can fix this issue?</p>