/* 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 ...