Bootstrap 5 教程

Bootstrap

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap 5 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件,助你快速设计和自定义响应式、移动设备优先的站点。

现在开始学习 Bootstrap 5 »

学习 Bootstrap 5


谁适合阅读本教程?

只要您具备 HTML 和 CSS 的基础知识,您就可以阅读本教程,进而开发出自己的网站。在您学习完本教程后,您即可达到使用 Bootstrap 开发 Web 项目的中等水平。


阅读本教程前,您需要了解的知识:

在您开始阅读本教程之前,您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念,那么建议您先阅读我们的这些教程:


亲自试一试实例

本教程包含数百个 Bootstrap 5示例。

使用我们的在线编辑器,您可以编辑代码,然后单击按钮查看结果。

Bootstrap 5 实例

亲自试一试 »


Bootstrap5 与 Bootstrap 3 & 4

Bootstrap5 是 Bootstrap 的最新版本,使用了新组件、更快的样式表以及拥有更快的响应能力。

Bootstrap5 支持所有主要的最新稳定版本浏览器,但不支持 Internet Explorer 11 及以下版本。

Bootstrap5 和 Bootstrap 3 & 4 的主要区别在于 Bootstrap5 不再依赖 jQuery,使用了原生的 JavaScript ,当然我们如果要想用也可以引入 jQuery

Bootstrap5 不支持 Internet Explorer 11 及以下版本,Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持。如果需要对旧版本浏览器兼容,那么请使用 Bootstrap 3

注意: 目前官方团队仍然在维护 Bootstrap 3Bootstrap 4 ,我们可以继续使用它们, 但是,不会向 Bootstrap 3 & 4 添加新功能。


Bootstrap 5 训练

学习实验

实验:

使用 Bootstrap 类将以下文本居中:

<p class=""> Hello World!</p>

开始练习


Bootstrap 5 测试

在 W3School 测试你的 Bootstrap 5 技能!

开始 Bootstrap 5 测试!