toast必须用position-fixed才能准确定位左侧中心，需组合fixed-start、top-50和translate-middle-y三者缺一不可，并由aria-live="polite"的position-fixed外层容器包裹；bootstrapblazor则使用placement.leftcenter枚举实现。
Toast 必须用 position-fixed 才能准确定位左侧中心
Bootstrap 5 的 .toast 默认脱离文档流，但仅加 fixed-start 或 fixed-top 不够——这些类只是 position: fixed 的别名，不带具体偏移值。实际渲染时会紧贴视口左边缘，且垂直方向无控制，导致 Toast 上下位置飘忽、文字被截断、关闭按钮点不中。
正确做法是显式声明 position-fixed，再组合工具类控制水平和垂直对齐：
-
fixed-start：让左边缘贴住视口左边（等价于left: 0） -
top-50：让元素上边缘落在视口垂直中线 -
translate-middle-y：配合top-50实现垂直居中（否则会偏上一半自身高度）
完整 class 示例：class="toast fixed-start top-50 translate-middle-y"
BootstrapBlazor 中设置左侧中心位置用 Placement.LeftCenter
如果你用的是 BootstrapBlazor（非原生 Bootstrap），Toast 位置由 Placement 枚举控制，LeftCenter 是专为左侧垂直居中设计的选项。
全局设置（所有 Toast 默认生效）：
builder.Services.AddBootstrapBlazor(options => {
options.ToastPlacement = Placement.LeftCenter;
});
单个 Toast 覆盖（优先级更高）：
await ToastService.Show(new ToastOption() {
Title = "提示",
Content = "已提交",
Placement = Placement.LeftCenter
});
注意：Placement.LeftCenter 在 src/BootstrapBlazor/Enums/Placement.cs 中定义，不是字符串或自定义 CSS 类，写错大小写或拼写会编译失败。
为什么 fixed-start 单独用会顶部对齐？
因为 fixed-start 只设了 left: 0 和 position: fixed，没指定 top 或 bottom，浏览器按默认规则将 top 解析为 auto，结果就是从视口顶部开始渲染，视觉上“卡在左上角”。
常见错误写法：
-
class="toast fixed-start"→ 顶部对齐，非中心 -
class="toast fixed-start align-items-center"→align-items对 fixed 元素无效（它不是 flex 容器子项） -
style="top: 50%; transform: translateY(-50%)"→ 手动写 CSS 会和 Bootstrap 的工具类冲突，且未包裹在fixed-start下时 left 不生效
必须成套使用：fixed-start top-50 translate-middle-y，三者缺一不可。
外层容器必须加 aria-live="polite" 且不能干扰定位
Bootstrap 官方要求 Toast 外层容器（通常是 <div class="toast-container">）带 <code>aria-live="polite"，否则屏幕阅读器无法播报，且某些版本会因缺失该属性导致初始化失败或定位异常。
关键细节：
- 容器本身也需
position-fixed，否则内部 Toast 的fixed-start会相对于该容器定位，而非视口 - 不要给容器加
top/left等偏移——它只负责承载，定位逻辑全在 Toast 自身 - 动态插入 Toast 时，务必先挂载到 DOM 再调用
Toast.getOrCreateInstance()，否则top-50计算可能失准
最简可用结构：
<div class="toast-container position-fixed" aria-live="polite">
<div class="toast fixed-start top-50 translate-middle-y">
<div class="toast-header">...</div>
<div class="toast-body">...</div>
</div>
</div>
左侧中心看似简单，但容易忽略 translate-middle-y 和容器的 position-fixed ——少了任一个，Toast 就会“悬在左上角”或“半截消失”。
