title: How to make contents inside carousel vertically center?
body: <p>The carousel I am referring to is Bootstrap's carousel (<a href="http://getbootstrap.com/examples/carousel/" rel="nofollow noreferrer">http://getbootstrap.com/examples/carousel/</a>).</p>
  
  <p>I am using the similar code from the example, but I can't place the contents right middle of the parent.</p>
  
  <p><img src="https://i.stack.imgur.com/DwGR7.png" alt="My Carousel"></p>
  
  <p>As you can see, the contents are not centered. I've tried setting the carousel-caption{ vertical-align:middle;}, but nothing changes.</p>
  
  <pre><code>&lt;div class="carousel-inner"&gt;
      &lt;div class="item active"&gt;
          &lt;div class="container"&gt;
              &lt;div class="carousel-caption"&gt;
                  !!contents!!
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the same code from the example. How can I vertically center the carousel-caption?</p>