GRID系统中的3列

Question

我需要将这3个图像和文本放在3列中，对齐，怎么办？

<section class="py-5 grey lighten-4" id="team"><div class="container"><div class="wow fadeIn"><h1 class="h1 pt-5 pb-3 text-center">Equipe <strong>NOLS</strong></h1><p class="px-5 mb-5 pb-3 lead text-center blue-grey-text">一二</p></div>

-------------从这里---------------------

<div class="row mb-lg-4 center-on-small-only"><div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s"><div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-1 mb-3"' src="img/erick.jfif" alt="team member"/></div><div class="col-md-6 float-right"><div class="h4">Erick Henrique</div><h5 class="font-bold blue-grey-text mb-4">Diretor de sistemas</h5><a href="" target="_blank"><i class =“ fa fa-linkedin”>一个 </div> <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-1 mb-3" src =“ img / joao.jfif” alt =“团队成员” /><div class="col-md-6 float-right"> JoãoVitor Valentim<h5 class="font-bold blue-grey-text mb-4">Diretor WEB</h5> 响应网络的不完整行为[

JoãoVitor Valentim</div> </div> <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s"> src =“ img / nicolas.jfif” alt =“团队成员” /><div class="h4">Nicolas Bartoli</div> Diretor decriação<h5> <p class="grey-text" style="text-align: justify;"> O responsável por toda parte de设计，公共宣传和NOLS。 href =“” target =“ _ blank”> i> 尼古拉斯·巴托利（Nicolas Bartoli） span> </div> `

Answer 1

<div class="row mb-lg-4 center-on-small-only"> 
  <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s"> 
    <div class="col-md-6 float-left"></div> 
    <div class="col-md-6 float-right"></div>
    <div class="col-md-6 float-left">
      <div class="col-md-6 float-right"></div>
    </div>
    <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s"></div> 
    </div>