头部和底部
.card-header类用于创建卡片的头部样式， .card-footer 类用于创建卡片的底部样式：
实例
头部
内容
Bootstrap5 卡片2
2024-11-13
5
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
使用 `.card-header` 和 `.card-footer` 类可以分别为卡片创建头部和底部样式。
相关文章
|
前端开发
程序员
Android开发
|
6月前
|
前端开发
|
1天前
Bootstrap5 卡片4
在卡片组件中，使用 `.card-title` 设置标题，`.card-body` 包含正文内容，`.card-text` 用于正文标签，`.card-link` 设置链接颜色。
13
2
2
|
2天前
|
1天前
|
前端开发
Bootstrap5 卡片3
Bootstrap 5 提供了多种背景颜色的卡片样式，包括基础、主要、成功、信息、警告、危险、次要、黑色和浅色卡片。通过添加相应的类（如 .bg-primary、.bg-success 等）可以轻松实现不同颜色的卡片效果。
4
0
0
|
前端开发
|
前端开发
|
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
使用React、Redux和Bootstrap构建社交媒体应用
90
2
使用Python、Django和Bootstrap构建在线教育平台
260
3
使用JavaScript、jQuery和Bootstrap构建待办事项应用
109
4
Bootstrap：构建响应式网站的首选框架
129
5
分享42个Bootstrap模板，总有一款适合您
137
6
分享56个Bootstrap模板，总有一款适合您
250
7
分享46个Bootstrap模板，总有一款适合您
123
8
分享44个Bootstrap模板，总有一款适合您
234
9
Bootstrap5 响应式导航栏
61
10
Bootstrap5 导航组件和面包屑
58