垂直居中对齐 Bootstrap 列

Question

how can I align a third column vertically? I want third column vertically centered

 <div class="row align-items-center"> <div class="col-4"> One of three columns </div> <div class="col-4"> One of three columns </div> <div class="col-4"> One of three columns </div> <div class="col-4"> One of three columns </div><div class="col-4"> One of three columns </div> </div>

thanks

Answer 1

Try this if you want as in your attach otherwise i do not understand what you are looking for:

  <div class="col-12 row">
        <div class="col-4">
          One of three columns
        </div>
        <div class="col-4">
          One of three columns
        </div>
        <div class="col-4">
          One of three columns
        </div>
    <div class="col-4">
          One of three columns
        </div>
    </div>