Is there a way to horizontally align an element within a bootstrap grid? In the code snippet below, I have a col-md-4 and another col-md-8 that I would like to vertically align in the middle, as shown in the image. Click here for a demonstration.
This is the HTML code:
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="//ssl.gstatic.com/accounts/ui/avatar_2x.png"/>
</div>
<div class="col-md-8">
<ul class="nav nav-pills text-center">
<li class="active"><a href="#">text1o</a></li>
<li><a href="#">Text2</a></li>
<li><a href="#">Text3</a></li>
<li><a href="#">Text4</a></li>
<li><a href="#">Text5</a></li>
</ul>
</div>
</div>
</div>