title: Bootstrap carousel adjust height
body: <p>I'm new in Bootstrap and I have a question about carousel. I need to set a height of 700px on big screens (pcs) and a height of 500px for cell phones. How can I do it? I put this:</p>
  
  <pre><code> @media (min-width: 320px){
      .carousel-caption p {
      margin-bottom: 20px;
      font-size: 20px;
      line-height: 1.4;
      }
      .carousel {
      height: 500px;
      margin-bottom: 60px;
      }
  
      .carousel .item {
      height: 500px;
      background-color: #777;
      }
      .carousel-inner &gt; .item &gt; img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
      }
  
  }
  </code></pre>
  
  <p>I wait for a response.</p>
  
  <p>Thanks!</p>