内容排列
.justify-content-*-around 根据不同屏幕设备使用 "around" 显示弹性子元素
重置浏览器窗口大小,查看效果。
.justify-content-around
:
Flex item 1
Flex item 2
Flex item 3
.justify-content-sm-around
:
Flex item 1
Flex item 2
Flex item 3
.justify-content-md-around
:
Flex item 1
Flex item 2
Flex item 3
.justify-content-lg-around
:
Flex item 1
Flex item 2
Flex item 3
.justify-content-xl-around
:
Flex item 1
Flex item 2
Flex item 3
.justify-content-xxl-around
:
Flex item 1
Flex item 2
Flex item 3