垂直对齐自举柱

时间:2020-05-22 11:51:19

标签: html css twitter-bootstrap

如何垂直对齐第三列? 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>

谢谢

1 个答案:

答案 0 :(得分:0)

如果您愿意,请尝试此操作,否则我不明白您要寻找的内容:

  <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>