title: bootstrap how to make a fixed height responsive?
body: <p>How can I make a fixed height element responsive with bootstrap 3? For instance I set the carousal's height at 650px. But I can't make it responsive like the images do. Any idea?</p>
  
  <p>css,</p>
  
  <pre><code>#article-carousel .carousel-inner{
      height:650px;
  }
  </code></pre>
  
  <p>html,</p>
  
  <pre><code>&lt;!-- Carousel items --&gt;
  &lt;div class="carousel-inner"&gt;
  
     &lt;div class="active item"&gt;
       &lt;img src="style/image/10403889_707684359268375_7804458077651816095_o.jpg" class="img-responsive"/&gt;
     &lt;/div&gt;
  ....
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/PoK94.jpg" alt="enter image description here"></p>