Struggling to vertically align the text in media-body
to the middle when using the new Bootstrap 4 beta
version.
Tried an approach mentioned in this solution, but it didn't work with the latest version of Bootstrap.
Attempted using text-center
and align-middle
, however, they were ineffective.
In v3.3.7
, there was a class called media-middle
that worked, but it seems to have been removed in v4 beta
.
Here's the link to the Jsfiddle. Any assistance would be greatly appreciated.
Below is the code for the media list
.
<div class="container">
<div class="row mt-3">
<div class="col-lg-6 col-md-12 col-sm-12 col-6">
<ul class="list-group">
<li class="media mb-2">
<img class="mr-3 rounded-circle" width="64" height="64" src="http://lorempixel.com/64/64/">
<div class="media-body pagination-centered">
<h6>No commission on refunds or event cancellation</h6>
</div>
</li>
</ul>
</div>
</div>
</div>
Your help is highly valued. Thank you.