.card卡片组件是BootStrap4新增的一组重要样式,它是一一个灵活的、可扩展的内容器,包含了可选的卡片头和卡片脚、一个大范围的内容、上下文背景色以及强大的显示选项。

一、定义卡片
为元素添加.card类,定义一个卡片
如果.card卡片如果没有定义宽度,将自然地填满父元素的全宽
在这里插入图片描述
二、页眉
为元素添加.card-header类
在这里插入图片描述
三、主体
为元素添加.card-bodyr类
在这里插入图片描述
四、页脚
在这里插入图片描述
五、图片
.card-img-top 定义一张图片在卡片的顶部, .card-text定义文字在卡片中
在这里插入图片描述
在这里插入图片描述

相关文章: