18-1 調整卡片內容

1. 我們來調整一下卡片內容：

   <div class="card">
     <img class="card-img-top" src="images/part_37092_7280548_30803.jpg" alt="Card image cap">
     <div class="card-body p-0">
     </div>
     <div class="card-footer text-center px-2 bg-white">
       <a href="#" class="text-dark">慈大慈科大舉辦說明會 招攬人才</a>
     </div>
   </div>

2. 為了讓卡片文字可以互相對齊，我們將文字放在卡片頁尾.card-footer中，且加上.card-body才會有對齊的作用。

3. 為了不讓.card-body空一塊，我們加上.p-0，把內距設為 0。

4. 頁尾部份，我們用.text-center讓文字至中，用.px-2騰出文字上下的空間，並用.bg-white將底色設為白色。

5. 最後，為了讓連結看起來是黑色的，我們在連結中加入了.text-dark，把文字變成黑色。