title: Vertically align content in div class="row"
body: <p>I am really stuck on one problem. I want to vertically align content (each element should be vertically centered) in a  bootstrap row div (id="v-align"). I have tried different methods to solve this, however I have not come to a solution yet. Here is my code:</p>
  
  <pre><code>&lt;div class="slide" data-anchor="slide1"&gt;
      &lt;div class="row"&gt;
          &lt;div class="menu_top"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row" id="v-align"&gt;
          &lt;div class="col-md-3"&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;img src="./public/images/crm.png" class="img-responsive"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6 text-center"&gt;
              &lt;img src="./public/images/photo1.jpg" class="img-responsive image"&gt;
          &lt;/div&gt;
          &lt;div class="col-md-3"&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;img src="./public/images/crm.png" class="img-responsive"&gt;
             &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;   
          &lt;div class="col-md-12 text-center"&gt;
              &lt;h2&gt;Some text here&lt;/h2&gt;     
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;style&gt;
      .image {
         max-height: 500px;
         margin: 0 auto;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/jreq1Lgh/" rel="nofollow">JSFiddle Example</a></p>