bootstrap練習作業
左右對稱排版，中間有一條時間軸，最終呈現的樣子：
粉紅色box直接給h-100會撐滿高度的原因是：row為flex屬性，裡面的col都會同步撐滿高度，所以這裡h-100的高度是左邊文字撐開高度的100％（一般情況是需要上層元素有給定實際高值，才可使用h-100這種百分比的值）
HTML
在row的外曾在包一個字定義div — .timeline，用來製作中間的時間軸，然後在row上加入.timeline-point作為空心原點的class。
CSS
這裡在.timeline及.timeline-point給position: relative，用&:before偽元素來製作時間軸及時間點。.timeline只給width實際值2px，高度由 top: 0
bottom: 0，上下距離皆給0，使其自動將高度撐開。
media
在指定寬度下（小裝置）時，將時間軸隱藏。
