<div classs="container">
  <ul class="row">
    <li class="col-md-4">
      <img src="https://picsum.photos/100/100">
      <h3 class="h3text">
        Name 1 </h3>
    </li>
    <li class="col-md-4">
      <img src="https://picsum.photos/100/100">
      <h3 class="h3text">
        Name 2 </h3>
    </li>
    <li class="col-md-4">
      <img src="https://picsum.photos/100/100">
      <h3 class="h3text">
        Name 3 </h3>
    </li>
  </ul>
</div>
/* Forum question answer only :

https://www.sitepoint.com/community/t/display-1st-child-at-last-using-css/377733/2

*/
ul {
  list-style: none;
  margin: 0;
}
.col-md-4:nth-child(1) {
  order: 100;
}
Run Pen

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js