元素居中对齐
.align-items-*-center 类根据不同屏幕设备,让元素在中间位置显示在同一行。
重置浏览器窗口大小,查看效果。 注意: align-items-stretch 是默认的。
.align-items-center
:
Flex item 1
Flex item 2
Flex item 3
.align-items-sm-center
:
Flex item 1
Flex item 2
Flex item 3
.align-items-md-center
:
Flex item 1
Flex item 2
Flex item 3
.align-items-lg-center
:
Flex item 1
Flex item 2
Flex item 3
.align-items-xl-center
:
Flex item 1
Flex item 2
Flex item 3
.align-items-xxl-center
:
Flex item 1
Flex item 2
Flex item 3