:::
18. 卡片
18-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> -
為了讓卡片文字可以互相對齊，我們將文字放在卡片頁尾
.card-footer中，且加上.card-body才會有對齊的作用。 -
為了不讓
.card-body空一塊，我們加上.p-0，把內距設為 0。 -
頁尾部份，我們用
.text-center讓文字至中，用.px-2騰出文字上下的空間，並用.bg-white將底色設為白色。 -
最後，為了讓連結看起來是黑色的，我們在連結中加入了
.text-dark，把文字變成黑色。
