Previously attempted solutions from: here for vertical-align with Bootstrap 3 and also from: here for vertical-align: middle with Bootstrap 2 but unfortunately, neither worked.
If you want to view the page, click here:
Check out the code snippet:
<div class="container">
<div class="row gray_back">
<div class="col-md-6 content_area vcenter ">
<div class="col-md-2"></div>
<div class="col-md-10 vcenter">
<h1 >text that needs to be vertically centered should go here</h1>
<h1 > add more text here as well</h1>
</div>
<div class="the_p_area">
<div class="col-md-2"> </div>
<div class="col-md-10">
additional content goes here and repeats multiple times
</div>
</div>
</div>
<div class="col-md-6">
<img src="img/fff.png" class="img-responsive" alt="Responsive image">
<br>
</div>
</div>
</div>
This project is built using the latest version of Bootstrap.
Any suggestions on how I can achieve vertical alignment for the text?