导航栏和底部默认打印时不隐藏，须用 d-print-none（Bootstrap 5.3+）或手动 @media print CSS 显式隐藏；旧版 Bootstrap 4.x 不支持该类，需自定义样式；打印样式独立于屏幕响应式类，且仅在打印预览或 window.print() 时生效。
打印时导航栏和底部默认不会自动隐藏，必须显式用 Bootstrap 的打印专用工具类控制，否则会照常输出到纸面。
用 d-none d-print-block 控制导航栏显隐
Bootstrap 5.3+ 提供了专门针对打印媒体的 display 类，d-none 在所有设备上隐藏，d-print-block 只在打印时强制块级显示——但你通常不需要让它“显示”，而是要它“不显示”。所以直接给导航栏加 d-print-none 最稳妥。
-
d-print-none是 Bootstrap 5.3 新增类，等效于@media print { display: none !important; }，优先级高、无副作用 - 别用
d-none d-print-block组合：这是为“屏幕隐藏、打印显示”设计的（比如页眉），用反了反而让导航栏在打印里出现 - 如果项目还在用 Bootstrap 4.x，它没有
d-print-none，得手动加 CSS：@media print { .navbar, footer { display: none !important; } }
底部区域（footer 或 fixed-bottom）同样处理
底部导航栏或页脚元素和导航栏一样，不加干预就会原样打印。注意：不要只靠 fixed-bottom 类，它的定位行为对打印无效，且可能因脱离文档流导致布局错乱。
- 给
footer、.bottom-nav或任何底部容器统一加d-print-none - 如果底部用了
position: fixed或sticky-bottom，这些 CSS 属性在打印媒体中基本被忽略，但元素本身仍会渲染，所以仍需显式隐藏 - 避免用 JS 动态移除 DOM——打印预览触发时机不可控，JS 可能没执行完就进入打印流程
为什么 nav 和 footer 默认不隐藏？
Bootstrap 的打印样式重置非常克制，默认只清除了部分 margin/padding 和颜色，display 状态完全保留。这不是疏漏，而是为了兼容需要打印完整页面结构的场景（比如内部审计报表）。
- 所有打印相关类（
d-print-*）都依赖@media print查询，浏览器必须实际进入打印预览或调用window.print()才会生效 - Chrome DevTools 的“打印预览”模式能准确模拟，但普通响应式调试视图里看不到效果
- 如果加了类却没隐藏，先检查是否用了旧版 Bootstrap（
d-print-none从 5.3 开始支持），再确认元素没被其他!important规则覆盖
最容易被忽略的是：打印样式不继承屏幕上的响应式类逻辑，d-none d-md-block 这类组合在打印时完全失效，必须单独声明打印行为。
