起始模板

需要快速开始？把下面的 HTML 复制到你的项目根目录，保存为 index.html，然后在浏览器中打开即可。这个模板已经引入了 Bootstrap 6 的 CSS 与 JavaScript 打包文件。

HTML

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 6 示例</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha.1/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <main class="container py-5">
      <h1>你好，Bootstrap！</h1>
      <button type="button" class="btn btn-solid theme-primary">开始使用</button>
    </main>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha.1/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>

模板包含什么

响应式视口 meta 标签，确保在移动设备上正确缩放。
Bootstrap 6 的编译版 CSS（dist/css/bootstrap.min.css）。
包含 Floating UI 的 JavaScript 打包文件（dist/js/bootstrap.bundle.min.js），用于菜单、对话框、工具提示等交互组件。
一个使用容器与按钮的最小示例，方便确认样式已生效。

下一步

接下来可以阅读网格系统了解布局，或浏览按钮等组件。如果希望在项目中使用 Sass 定制，请参阅npm 指南与Sass 定制。