title: Bootstrap vertical align middle div
body: <p>I have to col-6 one has a image and one has text.
  I need go get the text in the center off the image.</p>
  
  <p>this is the html code.
  Thanks Dan </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="row_inner_wrapper  clearfix"&gt;
    &lt;div class="row_inner row_center_content clearfix"&gt;
     &lt;div class="wpb_column vc_column_container vc_col-sm-6"&gt;
      &lt;div class="vc_column-inner "&gt;
       &lt;div class="wpb_wrapper"&gt;
        &lt;div class="row_inner_wrapper clearfix"&gt;
          &lt;div&gt;&lt;h2 class="text-center"&gt;~ 1995 – סודות ההצלחה ~&lt;/h2&gt;&lt;/div&gt;
       &lt;/div&gt;
       &lt;/div&gt; 
    &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="wpb_column vc_column_container vc_col-sm-6"&gt;
      &lt;div class="vc_column-inner "&gt;
       &lt;div class="wpb_wrapper"&gt;
        &lt;div class="wpb_single_image wpb_content_element vc_align_left"&gt;
          &lt;div class="vc_single_image-wrapper   vc_box_border_grey"&gt;
           &lt;img src="jjjj.coo.com"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>