不能直接集成，必须将Discuz作为后端服务，用Bootstrap重写前端并调用其API或直连数据库渲染数据。
不能直接“集成”——Discuz 的模板系统和 Bootstrap 的样式体系互不兼容，强行混合会导致 class 冲突、样式覆盖不可控、响应式行为错乱。真正可行的路径只有一条：把 Discuz 当作后端服务，用 Bootstrap 重写前端界面，通过 Discuz 提供的 API（或数据库直连）拉取数据渲染。
Discuz 前端与 Bootstrap 是否能共存？
Discuz X3.4 及更早版本的默认模板基于自研 HTML+PHP 模板语法，所有 class 名如 bm_h_p、pbm、pl 都是内部约定，和 Bootstrap 的 container、row、btn btn-primary 完全无关。两者同时加载时：
- Bootstrap 的
.btn会覆盖 Discuz 按钮的原始样式，但 Discuz 的 JS 行为（如快速发帖弹窗）可能因 DOM 结构变化而失效 - Discuz 的
common.css和style.css里大量使用!important和深度嵌套选择器，Bootstrap 的 utility class 很容易被压制 - Discuz 的响应式逻辑靠 JS 控制（如手机版菜单切换），和 Bootstrap 的
navbar-expand-lg冲突，小屏下可能双菜单并存或全部消失
想用 Bootstrap 风格改 Discuz 外观，该动哪几处？
Discuz 允许通过「风格」机制替换前端，但不是“接入 Bootstrap”，而是用 Bootstrap 的类名和结构，重写 Discuz 的模板文件。关键动作如下：
- 在
template/目录下新建一个风格文件夹（如bootstrap5），复制默认风格的common/header.htm等基础文件进去 - 把原模板中所有
<div class="bm"> 替换为 <code><div class="card">，<code><input type="button" class="pn">改成<button class="btn btn-primary"></button> - 删掉原风格的
common.css引入，改为引入你编译好的 Bootstrap CSS（如static/bootstrap5/css/bootstrap.min.css） - Discuz 的 PHP 模板变量（如
{$_G['setting']['bbname']}）必须保留，只改 HTML 结构和 class，否则动态内容无法渲染 - 特别注意表单控件：
<input name="message">必须加class="form-control"，且需手动补上required、aria-label等可访问性属性，Discuz 不自动注入 - Discuz 的按钮、导航栏等元素压根没引用这些变量，它们的颜色写死在
style.css里 - Discuz 没有
:root主题变量定义，也没有 Sass 编译流程，改variables.scss根本不生效 - 试图用 JS 动态切换
data-bs-theme="dark"对 Discuz 页面无意义——Discuz 的 HTML 根节点没有这个属性，相关组件也不监听它 - 启用 Discuz 的
api.php（需开启远程接口权限）或自行封装 REST 接口（如用source/plugin/插件暴露帖子列表、用户信息） - 用 Bootstrap 5 搭建独立前端（Vite + Vue/React），通过
fetch调用 Discuz 接口，用container、card、pagination渲染内容 - 登录态同步需处理 Cookie 共享（同域下可复用 Discuz 的
authcookie）或改用 JWT 方案 - 编辑器不能直接复用 Discuz 的
editor.js，得换成quill或tiptap，再对接 Discuz 的发帖 API
为什么不能直接用 Bootstrap-Skin 或 CSS 变量换肤？
Bootstrap-Skin 是为纯 Bootstrap 应用设计的皮肤包，它依赖整个页面由 Bootstrap class 驱动；Discuz 的 DOM 结构不是这样生成的。同样，CSS 变量方案（如 --bs-primary）对 Discuz 无效，因为：
最现实的落地方式：API + Bootstrap SPA
如果你真需要现代 UI + Discuz 数据，推荐绕过模板层，走前后端分离：
这条路工作量不小，但换来的是可控的样式、真正的响应式、无障碍支持和长期可维护性——Discuz 模板魔改两年后，没人敢动那堆嵌套 div 和硬编码 class。
