## Bootstrap 卡片组件全方位示例

### 1. 卡片的定义

##### 波斯猫

波斯猫是最常见的长毛猫，以其优雅的体态、柔顺的毛发和温顺的性格深受喜爱。

了解更多

##### 你当像鸟飞往你的山

###### 塔拉•韦斯特弗 著

人们只看到我的与众不同：一个十七岁前从未踏入教室的大山女孩，却戴上一顶学历的高帽。

加入购物车 立即购买

### 2. 卡片的内容类型

随风飘扬的柳枝，象征着春天的生机与活力。

### 3. 卡片的头部与底部 + 4. 内容对齐

诗词欣赏

##### 天净沙·秋思

枯藤老树昏鸦，小桥流水人家，古道西风瘦马，夕阳西下，断肠人在天涯。

了解更多诗词

###### 默认对齐（左对齐）

卡片的默认对齐方式为左对齐，适用于大多数文本内容展示。

###### 居中对齐 .text-center

通过 .text-center 类实现内容居中，适合标题或强调性内容。

###### 右对齐 .text-end

通过 .text-end 类实现内容右对齐，适用于特殊排版需求。

### 5. 图像背景：.card-img-overlay

##### 中国最早的春天——云南罗平的油菜花

从一月下旬开始，罗平的油菜花田便陆续绽放，金黄色的花海与喀斯特地貌相得益彰，吸引无数游客前来打卡。

### 6. 卡片的背景颜色、边框设置

bg-primary（蓝色背景）+ border-danger（红色边框）

bg-success（绿色背景）+ border-warning（黄色边框）

bg-info（浅蓝色背景）+ border-dark（黑色边框）

### 7. 卡片的排版：卡片组 .card-group

##### 在人间

高尔基自传体三部曲之一，讲述了主人公阿廖沙在社会底层的成长历程，充满了对生活的热爱与对自由的追求。

##### 小王子

一本写给所有人看的童话，通过小王子的星际旅行，探讨了爱、孤独、成长等永恒主题，治愈了无数读者。

##### 汤姆·索亚历险记

马克·吐温的经典作品，讲述了顽童汤姆的冒险经历，充满了童真与勇气，展现了美国南方小镇的生活风貌。

##### 爱丽丝漫游奇境记

荒诞而充满想象力的童话，爱丽丝坠入兔子洞后的奇幻冒险，打破了常规思维，成为文学史上的经典之作。