Bootstrap 5中如何让按钮内图标与文字横向对齐？

• 可通过以下调整解决对齐问题，同时完成中文替换：

修改后的代码：

<div class="col-auto mt-lg-0 mt-2">
  <a href="#" style="--bs-btn-font-size: .95rem; line-height: 1;" class="btn btn-outline-secondary d-flex align-items-center">
     <i class="bi bi-download me-2"></i>
     下载
  </a>
</div>

• 核心调整说明：
  • 保留d-flex align-items-center类保证图标与文字垂直居中
  • 给图标标签添加me-2类，让图标和文字之间产生合理间距
  • 给按钮行内样式添加line-height: 1，消除默认行高造成的文字偏移
  • 将原英文文本Download替换为中文下载

内容的提问来源于stack exchange，提问作者eka dita