标题、文本和链接
我们可以在头部元素上使用 .card-title 类来设置卡片的标题 。 .card-body 类用于设置卡片正文的内容。.card-text 类用于设置卡 .card-body 类中的
标签，如果说最后一行可以移除底部边距。 .card-link 类用于给链接设置颜色。
实例
Card title
Some example text. Some example text.
Card link
Another link
尝试一下 »
Bootstrap5 卡片4
2024-11-13
13
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
在卡片组件中，使用 `.card-title` 设置标题，`.card-body` 包含正文内容，`.card-text` 用于正文标签，`.card-link` 设置链接颜色。
相关文章
|
前端开发
程序员
Android开发
|
6月前
|
前端开发
|
2天前
|
1天前
|
前端开发
Bootstrap5 卡片3
Bootstrap 5 提供了多种背景颜色的卡片样式，包括基础、主要、成功、信息、警告、危险、次要、黑色和浅色卡片。通过添加相应的类（如 .bg-primary、.bg-success 等）可以轻松实现不同颜色的卡片效果。
4
0
0
|
1天前
|
前端开发
|
前端开发
|
JavaScript
前端开发
容器
Bootstrap-Bootstrap官网卡片响应式布局
Document
.container .items{border: 1px solid #EEEEEE;padding: 10px;margin-bottom...
2026
0
0
|
6月前
|
开发框架
前端开发
UED
|
前端开发
容器
热门文章
最新文章
1
start.aliyun.com 正式上线！极速构建 bootstrap 应用
2
PHPStorm中使用bootstrap3控件！
3
Bootstrap系列 -- 12. 水平表单
4
使用国人的koala来重新预编译BOOTSTRAP的LESS文件
5
Bootstrap的学习以及简单运用
6
bootstrap-表单控件——输入框input
7
bootstrap-带有头和尾的面板
8
Bootstrap的两种引入方式，本地方式和CDN方式
9
bootstrap-面板--基础面板
10
bootstrap-翻页
1
详细解读BootStrap智能表单系列八表单配置json详解
31
2
Bootstrap 3.x 版本基础引入指南
83
3
【干货】通过Bootstrap框架添加下拉框到导航栏
42
4
基于SpringBoot+Bootstrap【爱码个人博客系统】附源码
135
5
基于SSM+Bootstrap【爱校教务系统管理系统】附源码
26
6
ThinkPHP+Bootstrap简约自适应网址导航网站源码
70
7
Bootstrap-Switch开关控件使用指南
122
8
bootstrap table 设置自定义列宽
927
9
R语言广义线性混合模型（GLMM）bootstrap预测置信区间可视化
95
10
【专栏：HTML与CSS实践篇】CSS框架（Bootstrap/Foundation）快速上手
117