Bootstrap 4类“ my-auto”不会垂直居中

Question

如何将文字垂直居中？尝试了my-auto类，但仍无法正常工作。它仍然位于顶部。有人可以帮助我找到问题所在吗？

一些代码：

  <div class="col-12 col-lg-6 mb-5">
            <div class="row">
                <div class="col-12">
                    <div class="block mb-5">MACHINE TO MACHINE</div>
                </div>
                <div class="col-12">
                    <div class="block mb-5">DATA LAKE</div>
                </div>
                <div class="col-6">
                    <div class="block mb-3">ONLINE DATA API</div>
                    <div class="row">
                        <div class="col-12">
                            <div class="link mb-2">ŠVIETIMAS</div>
                        </div>
                        <div class="col-12">
                            <div class="link mb-2">TRANSPORTAS</div>
                        </div>
                    </div>
                </div>             
            </div>
        </div>

完整代码：https： //jsfiddle.net/xqdbf5n4/1/

提前致谢！