Bootstrap 5 卡片卡片Bootstrap 5 中的卡片是带边框的框，其内容周围有一些内边距。它包括页眉、页脚、内容、颜色等选项。基础的卡片一张基础卡片是用 .card 类创建的，卡片中的内容有一个 .card-body 类：实例<div class=
Bootstrap 5 列表组基础的列表组最基本的列表组是包含列表项的无序列表：如需创建基础列表组，请使用类为 .list-group 的 <ul> 元素和类为 .list-group-item 的 <li> 元素：实例<ul class="list-group"> <li class="list-
Bootstrap 5 分页基础的分页如果您的网站有很多页面，您可能希望为每个页面添加某种分页。如需创建基本分页，请将 .pagination 类添加到 <ul> 元素。然后将 .page-item 添加到每个 <li> 元素，并将 .page-link 类添加到 <l
Bootstrap 5 加载器加载器要创建 spinner/加载器，请使用 .spinner-border 类：实例<div class="spinner-border"></div>亲自试一试彩色加载器请使用任意文本颜色 utilites 为 spinner 添加颜色：实例<div class="spinner-b
Bootstrap 5 进度条基础进度条进度条可用于显示用户在某个进程中的进度。如需创建默认进度条，请将 .progress 类添加到容器元素并将 .progress-bar 类添加到其子元素。请使用 CSS width 属性设置进度条的宽度：实例<div
Bootstrap 5 徽章徽章徽章（Badges）用于向内容添加附加信息：在 <span> 元素中使用 .badge 类和上下文类（如 .bg-secondary）来创建矩形徽章。请注意，徽章会缩放以匹配父元素的大小（如果有）：实例<h1>Example heading <span class=
Bootstrap 5 按钮组按钮组Bootstrap 5 允许您在按钮组中将一系列按钮组合在一起（在一行上）：请使用带有 .btn-group 类的 <div> 元素来创建按钮组：实例<div class="btn-group"> <button type="button" class="btn btn-pri
Bootstrap 5 按钮按钮样式Bootstrap 5 提供了不同样式的按钮：实例<button type="button" class="btn">基础</button><button type="button" class="btn btn-primary">主要</button><button type="button" class="
Bootstrap 5 警告警告Bootstrap 5 提供了一种创建预定义警告消息的简单方法：警告框是使用 .alert 类创建的，后跟上下文类之一：.alert-success.alert-info.alert-warning.alert-danger.alert-primary.alert-secondary.ale
Bootstrap 5 JumbotronBootstrap 5 Jumbotron在 Bootstrap 3 中引入了 jumbotron，会生成大的填充框，用于引起对某些特殊内容或信息的额外关注。Bootstrap 5 不再支持 Jumbotron。但是，您可以使用 <div> 元素并将特殊的辅
Bootstrap 5 图像图像形状圆角.rounded 类为图像添加圆角：实例<img src="flower.jpg" class="rounded" alt="Cinque Terre">亲自试一试圆形.rounded-circle 类将图像塑造为圆形：实例<img src="flower.jpg" class="round
Bootstrap 5 表格基础表格一个基本的 Bootstrap 5 表格有一点内边距，以及水平分隔线。.table 类为表格添加了基本样式：实例亲自试一试条纹行.table-striped 类将斑马条纹添加到表中：实例亲自试一试带边框的表格.table-bo
Bootstrap 5 颜色文本颜色Bootstrap 5 有一些上下文类，可用于提供“由颜色表达的某种意义”。针对文本颜色的类是：.text-muted.text-primary.text-success.text-info.text-warning.text-danger.text-secondary.text-whi
Bootstrap 5 文字/排版Bootstrap 5 默认设置Bootstrap 5 默认 font-size 为 1rem（默认为 16px），line-height 为 1.5。此外，所有 <p> 元素都设置了 margin-top: 0 和 margin-bottom: 1rem （默认为 16px）。<h1> - <h6>Bootstr
Bootstrap 5 网格Bootstrap 5 网格系统Bootstrap 的网格系统是用 flexbox 构建的，页面上最多允许 12 列。如果您不想单独使用所有 12 列，那么可以将这些列组合在一起，以创建更宽的列： span 1 span 1 span 1 span 1
