应使用 text-center text-lg-end 组合类实现大屏右对齐、小屏居中，因 bootstrap 断点顺序为 xs（默认）、sm、md、lg、xl、xxl，text-lg-end 从 ≥992px 开始生效，且可直接作用于 card-title 标签而不破坏语义。
Card标题在不同屏幕尺寸下对齐方式不一致怎么写？
Bootstrap 5 默认的 .card-title 没有响应式对齐类，直接用 text-end 或 text-center 会全局生效。必须组合断点类才能实现“大屏右对齐、小屏居中”。
-
text-center作用于 所有断点（包括sm及以上），所以要先设小屏居中，再覆盖大屏行为 - Bootstrap 的断点顺序是：
xs（默认）、sm、md、lg、xl、xxl；text-lg-end表示从lg（≥992px）开始右对齐，lg以下仍保持text-center - 注意：不要用
text-md-end，因为md（≥768px）包含平板横屏，容易导致中屏设备也右对齐，违背“仅大屏”的意图
HTML结构里怎么加类才不破坏Card语义？
直接把对齐类加在 <h5 class="card-title"></h5> 标签上最稳妥，不需要额外包裹 <div> —— Bootstrap 的文本对齐类支持直接作用于 heading 元素。
<pre class="brush:php;toolbar:false;"><div class="card">
<div class="card-body">
<h5 class="card-title text-center text-lg-end">我的标题</h5>
<p class="card-text">正文内容...</p>
</div>
</div></pre>
<ul>
<li>
<code>text-center 在 xs–md（
text-lg-end 从 lg 起覆盖前面的居中效果，且不会影响更小断点header 区域（比如用了 <div class="card-header">），同样适用该写法，类加在内部标题上即可
<h3>为什么用 <code>text-lg-end 而不是 text-xl-end？
除非你明确只希望超大屏（≥1400px）才右对齐，否则 lg 是最符合“大屏”直觉的断点。桌面显示器主流分辨率 ≥1024px，lg（992px）已能覆盖绝大多数桌面场景。
-
xl（≥1200px）会漏掉部分 1024×768 或窄屏桌面用户，他们看到的仍是居中 -
xxl（≥1400px）基本只适用于 2K+ 屏幕，实用性低 - 若设计稿要求“≥1200px 才右对齐”，才考虑
text-xl-end；但多数产品需求里的“大屏”指常规桌面，lg更稳妥
Flex布局方案是否更灵活？
可以，但没必要。用 text-* 类是最轻量、语义最清晰的方式。只有当你需要同时控制标题和副标题的相对位置（比如标题右对齐、副标题左对齐），才值得引入 d-flex justify-content-*。
- Flex 方案需额外容器：
<div class="d-flex justify-content-between"><h5>标题</h5></div>，破坏了card-title的语义层级 - 响应式 flex 控制更复杂：
justify-content-center justify-content-lg-end写法虽可行，但增加冗余 class，且易与card-body的 padding 冲突 - 纯文本对齐类无副作用，不影响 margin/padding/line-height，兼容性也更好（包括旧版 Bootstrap 4）
text-md-center text-lg-end，结果 md（768–991.98px）居中、lg（992px+）右对齐，中间没有空档 —— 这是对的；但如果误写成 text-sm-center text-lg-end，sm（576px）起就居中，那 xs（
