摘要：
Bootstrap 5 提供了一种创建预定义警告消息的简单方法： 警告框是使用 .alert 类创建的，后跟上下文类之一： .alert-success .alert-info .alert-warning .alert-danger .alert-primary .alert-secondary 阅读全文
摘要：
在 Bootstrap 3 中引入了 jumbotron，会生成大的填充框，用于引起对某些特殊内容或信息的额外关注。 Bootstrap 5 不再支持 Jumbotron。但是，您可以使用 <div> 元素并将特殊的辅助类与颜色类一起添加以达到相同的效果： Jumbotron 实例 实例 <div 阅读全文
摘要：
图像形状 圆角 .rounded 类为图像添加圆角： 实例 <img src="flower.jpg" class="rounded" alt="Cinque Terre"> 圆形 .rounded-circle 类将图像塑造为圆形： 实例 <img src="flower.jpg" class=" 阅读全文
摘要：
基础表格 一个基本的 Bootstrap 5 表格有一点内边距，以及水平分隔线。 .table 类为表格添加了基本样式： 实例 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap 实例</title> <meta charset="utf 阅读全文
摘要：
文本颜色 Bootstrap 5 有一些上下文类，可用于提供“由颜色表达的某种意义”。 针对文本颜色的类是： .text-muted .text-primary .text-success .text-info .text-warning .text-danger .text-secondary . 阅读全文
摘要：
Bootstrap 5 默认设置 Bootstrap 5 默认 font-size 为 1rem（默认为 16px），line-height 为 1.5。 此外，所有 <p> 元素都设置了 margin-top: 0 和 margin-bottom: 1rem （默认为 16px）。 <h1> - 阅读全文
摘要：
Bootstrap 5 网格系统 Bootstrap 的网格系统是用 flexbox 构建的，页面上最多允许 12 列。 如果您不想单独使用所有 12 列，那么可以将这些列组合在一起，以创建更宽的列： span 1 span 1 span 1 span 1 span 1 span 1 span 1 阅读全文
摘要：
Bootstrap 5 容器 从前一章中您学到了，Bootstrap 需要包含元素来包装站点内容。 我们在容器中填充内容，并且有两个容器类可用： .container 类提供了响应式的固定宽度容器 .container-fluid 类提供了全宽容器，跨越视口的整个宽度 固定容器 使用 .contai 阅读全文
摘要：
什么是 Bootstrap？ Bootstrap 是一个免费的前端框架，用于更快、更轻松地进行 Web 开发 Bootstrap 包括基于 HTML 和 CSS 的设计模板，用于排版、表单、按钮、表格、导航、模态、图像轮播等 Bootstrap 提供了丰富的 JavaScript 插件 Bootst 阅读全文