<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="d-flex justify-content-center align-items-center h-100 my-5">
<ul class="avatars">
<li>
<img alt="..." class="avatar avatar-lg" src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" />
</li>
<li>
<img alt="..." class="avatar avatar-lg" src="https://pipeline.mediumra.re/assets/img/avatar-female-2.jpg" />
</li>
<li>
<img alt="..." class="avatar avatar-lg" src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" />
</li>
<li>
<img alt="..." class="avatar avatar-lg" src="https://pipeline.mediumra.re/assets/img/avatar-female-2.jpg" />
</li>
</ul>
</div>
</div>