开启你的编程学习之旅

云课堂提供高质量的编程课程,从入门到精通,助你成为技术大牛

立即开始学习

Bootstrap 5 完整教程

作者: 王老师 更新: 2024-03-20 阅读: 45218 难度: 初级
学习工具

3. 常用组件

Bootstrap 5 提供了丰富的 UI 组件,可以快速构建现代化的界面。

卡片组件

卡片组件示例
<div class="card" style="width: 18rem;"> <img src="..." class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">这是一些示例文本,用于构建卡片内容。</p> <a href="#" class="btn btn-primary">点击这里</a> </div> </div>
提示: Bootstrap 5 提供了按钮、导航栏、轮播图、模态框等多种常用组件。
提示: 这是一个重要的概念,需要特别注意理解和掌握。
注意: 这是一个常见的错误点,请避免犯同样的错误。