如何将按钮与bootstrap中的图例对齐？

在Bootstrap中，可以使用Grid系统来实现按钮与图标的对齐。以下是一种常见的方法：

1. 首先，将按钮和图标放置在同一个容器内，可以使用<div>元素或者其他适当的容器元素。
2. 使用Bootstrap的Grid系统，将容器分为12个列。可以使用<div class="row">来创建一行，然后在行内使用<div class="col-*">来定义列的宽度。
3. 在按钮和图标的容器内，使用适当的列宽来控制它们的位置。可以使用<div class="col-*">来定义按钮的列宽，然后使用<div class="col-*">来定义图标的列宽。
4. 如果需要将按钮与图标水平对齐，可以在按钮和图标的容器内使用Bootstrap的Flexbox工具类。可以在容器上添加d-flex类，然后使用align-items-center类来垂直居中对齐。

以下是一个示例代码：

<div class="row">
  <div class="col-*">
    <button class="btn btn-primary">按钮</button>
  </div>
  <div class="col-*">
    <i class="bi bi-icon"></i>
  </div>
</div>

在上面的代码中，col-*可以根据需要替换为适当的列宽，例如col-6表示占据一半的宽度。

请注意，上述示例中的bi-icon是一个占位符，表示图标的类名。你可以根据需要替换为适当的图标类名，或者使用其他图标库。

此外，如果你需要更复杂的布局或对齐方式，可以进一步使用Bootstrap的Flexbox或其他布局工具类来实现。