Bootstrap 4 Flex（弹性）布局

根据不同屏幕设备，让元素在中间位置显示在同一行。

.align-items-*-baseline

根据不同屏幕设备，让元素在基线上显示在同一行。

.align-items-*-stretch

根据不同屏幕设备，让元素延展高度并显示在同一行。单独一个子元素的对齐方式

.align-self-*-start

据不同屏幕设备，让单独一个子元素显示在头部。

.align-self-*-end

据不同屏幕设备，让单独一个子元素显示在尾部

.align-self-*-center

据不同屏幕设备，让单独一个子元素显示在居中位置

.align-self-*-baseline

据不同屏幕设备，让单独一个子元素显示在基线位置

.align-self-*-stretch

据不同屏幕设备，延展一个单独子元素