Bootstrap4 上下中央・上寄せ・下寄せ(d-flex) | クルーデザイン
上下中央や上寄せ、下寄せに配置するためのクラスも用意されています。 flexboxを利用するため、それぞれ2つのクラスを指定すればOKです。