垂直居中是相对于高度而言的。在您的示例中，所有同级列的高度都相同，因此您不会看到对齐方式的任何变化。

.row需要定义高度，* 或者 * 列中的某些内容导致行具有更高的高度。

<div class="container">
    <div class="row" style="height:180px">
        <div class="col align-self-start">
            One of three columns
        </div>
        <div class="col align-self-center">
            One of three columns
        </div>
        <div class="col align-self-end">
            One of three columns
        </div>
    </div>
</div>

演示：https://www.codeply.com/go/aCGgDtzhdY

您可以使用引导程序预定义类**“vh-100”或“vw-100”（表示“高度：100 vh”或“宽度：100伏小时”**。
视区高度和宽度是指整个视区，它是不同设备及其尺寸的相对测量值。100 vh也是一个百分比，因此100 vh等于100%。
您可以只将vh-100添加到您的标记类中，或者创建一个具有一些其他属性的新类来定制您的组件/标记。

.custom-size {
   height: 100vh;
   background-color: red;
 }

<div class="row custom-size">Something here</div> //custom class
<div class="row vh-100 bg-primary">Something here</div> // bootstrap predefined classes