/* justify-content: space-around; 运用在父级元素上 第一个子元素距离左边的距离==最后一个子元素距离右边的距离 除第一个子元素和最后一个子元素外,第2个,第3个...一直到倒数第二个子元素，这些子元素距离左右两边的间距都是相等 巧记：around 是四周，说明 ...

justify-content：space-around 左右边上有边距 justify-content：space-between 左右边上没有边距 ...

【卡片】卡片用于定义一块带圆角的区域。 .card 定义卡片容器 .card-body 卡片主体内容部份 .card-header 卡片头 .card-footer ...

.d-none 在较小屏幕下隐藏 .d-{sm | md | lg | xl}-none 在指定屏幕大小下隐藏 ...

.border 含有边框 .border-{primary | second | dark | light | warning | danger ...

【折叠】可以很容易的实现内容的显示与隐藏。 data-toggle="collapse" 折叠触发对象必需属性 data-target="#id" | href="#id" 折叠触发对象必需属性 ...

.bg-primary 重要的背景颜色 .bg-success 执行成功背景颜色 .bg-info 信息 ...

内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。 该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。 注意：弹性布局中有两个基本术语main axis ...