等宽
.flex-fill 类强制设置各个弹性子元素的宽度是一样的,.flex-*-fill 可以根据不同屏幕设备设置。
重置浏览器窗口大小,查看效果。
.flex-fill
:
Flex item 1
Flex item 2
Flex item 3
.flex-sm-fill
:
Flex item 1
Flex item 2
Flex item 3
.flex-md-fill
:
Flex item 1
Flex item 2
Flex item 3
.flex-lg-fill
:
Flex item 1
Flex item 2
Flex item 3
.flex-xl-fill
:
Flex item 1
Flex item 2
Flex item 3
.flex-xxl-fill
:
Flex item 1
Flex item 2
Flex item 3