Bootstrap 常用组件
Alert、Card、Badge、Progress、Modal 开箱即用 · 难度：进阶 · +20XP
Bootstrap 组件
Bootstrap 提供几十个预制组件，复制粘贴就能用。
常用组件
| 组件 | 类名 |
|---|---|
| 警告框 | alert alert-success |
| 卡片 | card card-body card-title |
| 徽章 | badge bg-primary |
| 进度条 | progress + progress-bar |
| 模态框 | modal fade + JS |
学习与实践建议
- 先理解本节的核心概念和语法规则
- 在右边编辑器中修改示例代码，观察运行结果变化
- 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
- 遇到问题时，查阅官方文档是最快的学习途径
编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！