生命之风的低语
Whispers in the Wind of Life.

开始使用 Bootstrap

2025-08-11 14:26:08

快速开始

通过 CDN 包含 Bootstrap 的 CSS 和 JavaScript 开始,无需任何构建步骤。通过这个Bootstrap CodePen 演示在实践中看到它。

在项目根目录中创建一个新index.html文件。包含标签可在移动设备中的有良好的响应式显示。

Bootstrap demo

Hello, world!

包含 Bootstrap 的 CSS 和 JS。将标签放在我们的CSS 中,并将

您还可以单独包含Popper和我们的 JS。如果您不打算使用下拉菜单、弹出窗口或工具提示,请通过不包括 Popper 来节省一些流量。

Hello World!在您选择的浏览器中打开页面以查看您的 Bootstrapped 页面。现在,您可以通过创建自己的布局、添加数十个组件并利用我们的官方示例来开始使用 Bootstrap 进行构建。

CDN链接

作为参考,这里是我们的主要 CDN 链接。

描述

网址

CSS

https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css

JS

https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js

您还可以使用 CDN 获取目录页面中列出的任何其他构建。

下一步

阅读更多有关Bootstrap 使用的一些重要全局环境设置的信息。

在我们的内容部分阅读 Bootstrap 中包含的内容以及下面需要 JavaScript的组件列表。

需要更多的力量?考虑通过包管理器包含源文件来使用 Bootstrap 进行构建。

希望将 Bootstrap 作为一个模块与