title: Bootstrap CSS fixed height for div on mobile
body: <p>I have a div with a fixed height.</p>
  
  <pre><code>&lt;div class="col-md-12" style="height:250px;"&gt;
  &lt;img src="example.png" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I resize the screen to mobile, my div width is responive and shrinks but the height still keeps the same.</p>
  
  <p>It's quite hard to formulate my question but is there anyway to use a fixed height but make it responsive ?</p>