答案是使用text-center text-md-start组合：text-center使xs/sm小屏居中，text-md-start从≥768px起覆盖为左对齐，实现小屏居中、大屏居左；类需加在card-header等容器上，而非card-title标签本身。
用Bootstrap 5的响应式文本对齐类控制Card标题位置
直接用 text-start 和 text-center 的响应式组合就能解决，不需要写额外CSS或JS。
-
text-start对应大屏（md及以上）左对齐 -
text-center加上text-sm-center或text-md-center不起作用——Bootstrap 5里没有text-sm-center，正确写法是text-center（默认影响所有断点），再用text-md-start覆盖中屏及以上 - 所以实际顺序要倒过来：先设小屏居中（默认行为），再在中屏+覆盖为左对齐
示例写法：
<div class="card">
<div class="card-header text-center text-md-start">
卡片标题
</div>
<div class="card-body">
内容...
</div>
</div>
text-center 让 xs/sm 居中，text-md-start 在 ≥768px 时生效并覆盖前面的居中，实现“小屏居中、大屏居左”。
为什么不用 text-lg-start 或 text-xl-start
因为需求是“大屏居左”，而Bootstrap 5默认断点中，md（≥768px）已覆盖平板横屏、笔记本、桌面大部分场景；lg（≥992px）才开始算真正的大屏，但多数设计要求从平板竖屏以上就左对齐，所以用 md 更符合实际。
- 若真要严格区分“仅在桌面大屏左对齐，平板仍居中”，才用
text-center text-lg-start - 但这样会导致 iPad 横屏（768–991px）仍居中，可能和UI稿不符
- 检查你项目里
breakpoints配置——如果自定义过断点，md含义可能变化，需对应调整类名
Card标题用 h5 或 h6 会影响对齐吗
不影响。Bootstrap的文本对齐类作用于块级容器，只要标题元素本身是块级（如 <h5> 默认就是），类就会生效；如果是行内元素（比如没包 <div> 直接写 <h5 class="text-center">），也照样生效。
- 注意不要给标题加
float或position: absolute等会破坏文档流的样式，否则对齐类可能失效 - 如果用了
card-title类，它本身不带对齐属性，完全可叠加text-*类 - 避免同时写
text-center text-md-start text-lg-end这种冗余组合——浏览器按CSS层叠顺序应用，后面会覆盖前面，但可读性和维护性差
用Flex方式替代文本对齐类可行吗
可以，但没必要。有人倾向用 d-flex justify-content-center justify-content-md-start，效果一样，但多占两个类、语义不如 text-* 清晰。
-
justify-content-*是针对flex容器的，必须确保父容器是display: flex，而card-header默认是block，直接加会失效，得额外加d-flex - 文本对齐类更轻量，兼容性更好（支持到IE10），且对非flex布局也稳定
- 如果整个
card-header里还有按钮或其他内联元素，用flex可能引发换行或对齐错位，text-*则只管文字块整体位置
真正容易被忽略的是断点继承逻辑：Bootstrap的响应式类不是“仅在该断点生效”，而是“从此断点向上全部生效”。text-md-start 意味着 md、lg、xl 都左对齐，不是“只在md”。这点搞错，就容易写出 text-sm-center text-md-start text-lg-center 这种互相打架的组合。
