Bootstrap 3 教程

动手实践示例

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

使用我们的在线编辑器，您可以编辑代码，并点击按钮查看结果。

Bootstrap 练习

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

Bootstrap 测验

在 W3Schools 测试你的 Bootstrap 技能！

开始 Bootstrap 测验！

我的学习

使用 W3Schools 上的免费 "我的学习" 程序跟踪你的进度。

登录你的帐户，开始赚取积分！

这是一个可选的功能。您可以在 W3Schools 学习，而无需使用 "我的学习"。

Bootstrap 参考

在 W3Schools，您会找到所有 CSS 类、组件和 JavaScript 插件的完整 Bootstrap 参考 - 所有这些都带有 "动手实践" 示例

Bootstrap 主题/模板

我们创建了一些 Bootstrap 模板，您可以使用它们进行练习。它们是完全免费使用的

浏览主题

浏览基本模板

Bootstrap 5 与 Bootstrap 3 & 4

本教程遵循 **Bootstrap 3**，该版本于 2013 年发布。但是，我们还介绍了较新的版本；Bootstrap 4（2018 年发布） 和 Bootstrap 5（2021 年发布）.

Bootstrap 5 是 Bootstrap 的最新版本；包含新的组件、更快的样式表、更强的响应能力等。它支持所有主要浏览器和平台的最新稳定版本。但是，不支持 Internet Explorer 11 及更低版本。

Bootstrap 5 与 Bootstrap 3 & 4 之间的主要区别在于，Bootstrap 5 已切换到 JavaScript 而不是 jQuery.