Bootstrap5 简介

Bootstrap 5 主要特性

移动优先

Bootstrap 5 采用移动优先的方法，确保您的网站在所有设备上都能完美显示。

响应式网格

强大的响应式网格系统，让您可以轻松创建各种布局。

组件丰富

包含大量预构建组件，如导航栏、卡片、模态框等，加速开发过程。

实用类

丰富的实用类，让您可以快速调整边距、填充、颜色等样式。

无jQuery

Bootstrap 5 移除了对 jQuery 的依赖，使用纯 JavaScript 重写了所有插件。

自定义

通过 Sass 变量、映射和混合宏轻松自定义 Bootstrap 5 的外观。

快速开始

要开始使用 Bootstrap 5，只需将以下代码添加到您的 HTML 文件中：

                                    <!DOCTYPE html>

                                    <html lang="zh-CN">

                                    <head>

                                      <meta charset="UTF-8">

                                      <meta name="viewport" content="width=device-width, initial-scale=1.0">

                                      <title>我的 Bootstrap 网站</title>

                                      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">

                                    </head>

                                    <body>

                                      <h1>Hello, Bootstrap 5!</h1>

                                      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

                                    </body>

                                    </html>

Bootstrap 5 提供了一系列组件和工具，可以帮助您快速构建现代化的网站：

响应式网格系统核心
丰富的组件库 40+
强大的实用类 500+
JavaScript插件 12
浏览器兼容性 Chrome, Firefox, Safari, Edge

上一章下一章:Bootstrap 环境安装

HTML教程