快速入门

通过 CDN 包含 Bootstrap 的生产就绪 CSS 和 JavaScript，无需任何构建步骤即可开始。使用此 Bootstrap CodePen 演示 实际了解它。

在项目根目录中创建一个新的 index.html 文件。还包括 标记，以便在移动设备中 正确响应。

Hello, world!

包含 Bootstrap 的 CSS 和 JS。将 标记放在 中以获取我们的 CSS，并将

您还可以单独包含 Popper 和我们的 JS。如果您不打算使用下拉菜单、弹出框或工具提示，则可以通过不包含 Popper 来节省一些千字节。

你好，世界！在您选择的浏览器中打开页面，以查看您的 Bootstrapped 页面。现在，您可以通过创建自己的 布局、添加数十个 组件 和利用 我们的官方示例 来开始使用 Bootstrap 构建。

CDN 链接

作为参考，以下是我们的主要 CDN 链接。

说明

URL

CSS

https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css

JS

https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js

您还可以使用 CDN 提取 内容页面中列出的任何其他构建。

后续步骤

详细了解 Bootstrap 使用的一些 重要的全局环境设置。

在我们的 内容部分 和下面的 需要 JavaScript 的组件 列表中了解 Bootstrap 中包含的内容。

需要更强大的功能？考虑通过 通过包管理器包含源文件 来使用 Bootstrap 进行构建。

希望将 Bootstrap 作为模块使用