推荐使用 Flex 布局实现沉底版权栏：html 和 body 设 height: 100%，外层容器加 d-flex flex-column min-vh-100，表单区域加 flex-fill，footer 不加定位类自然沉底。
Bootstrap 表单页面的底部版权信息，要“固定在视口底边”还是“内容少时沉底、内容多时不遮挡”，得先分清目标。用 fixed-bottom 会遮内容，且 Bootstrap 5 已移除该类；sticky-bottom 在表单页几乎必然失效——因为表单通常不滚动，父容器无溢出，position: sticky 直接退化为 static。
为什么 sticky-bottom 在表单页基本没用
表单页面往往内容短、无纵向滚动，sticky-bottom 依赖父容器有可滚动高度才能触发粘性行为。它不是“贴屏幕底”，而是“贴最近可滚动祖先的底边”。body 没设 overflow-y: auto 或 min-vh-100，sticky-bottom 就等于没写。
- DevTools 里看到
position: static就是这个原因 - 把
sticky-bottom加在<footer>上，但<footer>是<body>最后一个子元素，而<body>高度不足 100vh，它就堆在表单下方，不是“固定” - iOS Safari 对
sticky支持不稳定，尤其在<main>内直接使用时，真机测试常失败
表单页推荐：Flex 布局实现真·沉底版权栏
这是最稳、最语义化、且适配表单场景的方案。核心是让主体（表单）占满剩余空间，把版权栏“推”到底部，不遮不飘。
-
html和body必须设height: 100%，否则min-vh-100无基准 - 外层容器（如
<body>或包裹<div>）加d-flex flex-column min-vh-100 - 表单区域（
<main>或<form>）加flex-fill（等价于flex: 1），不能写height: 100%——后者会锁死高度，导致溢出时版权栏卡住 - 版权栏（
<footer>）不加任何定位类，也不需要mt-auto，flex-fill已确保它被推到最后
<body class="d-flex flex-column min-vh-100">
<header></header>
<main class="flex-fill">
<form>...</form>
</main>
<footer class="bg-light py-3 text-center">
© 2022–2024 公司名称
</footer>
</body>
如果非要“永远钉在视口底边”，必须手动兜底
仅适用于版权栏纯静态展示、无交互、且你明确接受它脱离文档流的代价（比如全站统一悬浮版权条）。这时不能只加 class，得控制三件事：
- 版权栏加
position: fixed; bottom: 0; left: 0; right: 0;，并设z-index: 1020（避开 Bootstrap modal 的1050） - 主要内容区（如
<main>）必须加pb-5或padding-bottom: 56px（略大于版权栏高度），否则表单最后一行输入框会被盖住 - 版权栏别套在
container里——它的max-width和居中margin会让固定效果只作用于容器宽度内，应改用container-fluid或直接写width: 100% - 移动端慎用：iOS 软键盘弹出会把
fixed元素顶出可视区，此时用户可能根本看不到提交按钮
真正难的不是选哪个 class，而是想清楚：版权信息对用户来说，是“必须一眼看到”的操作入口，还是“存在即可”的法律声明。前者才值得上 fixed 并承担所有兼容性成本；后者用 Flex 沉底，干净、轻量、一次写对。
