title: Bootstrap change carousel height
body: <p>I have a jsfiddle here - <a href="http://jsfiddle.net/gh4Lur4b/8/" rel="nofollow noreferrer">http://jsfiddle.net/gh4Lur4b/8/</a></p>
  <p>It's a full width bootstrap carousel.</p>
  <p>I'd like to change the height and still keep it full width.</p>
  <p>Is the height determined by the image height?</p>
  <p>How can I change the height of the carousel and keep it 100% width?</p>
  <pre><code>.carousel-inner{
      // height: 300px;
  }
  
  .item, img{
      height: 100% !important;
      width:  100% !important;
      border: 1px solid red;
  }
  </code></pre>