javascript - Bootstrap 5 排对齐按钮

Question

我试图让网页上的按钮并排在页面中间，这些是我尝试过的 2 个 bootstrap 5 类，但它们并不像我希望的那样:

1. https://gyazo.com/c23f2eade4614380aec547b11e61387a
2. https://gyazo.com/e40a678b02c9f641f746b1cfbe83d03f

仅供引用，某些问题将有多个按钮的答案(最多 10 个: https://gyazo.com/15d810f8c0f79f23d12463db9ba50e2a )， 我还希望它们均匀地排成一行，如下所示:https://gyazo.com/ca1ab61aa7fef54f1cf1a099cb56a5e0

我不确定这是否会改变任何内容，但按钮是使用 JavaScript 中的 for 循环添加的。

任何提示将不胜感激，我一直对此很困惑

Answer 1

我在 class="btn-group"上取得了成功 示例:

<div class="btn-group">
  <button type="button" class="btn btn-primary">Apple</button>
  <button type="button" class="btn btn-primary">Samsung</button>
  <button type="button" class="btn btn-primary">Sony</button>
</div>

查看更多详细信息: https://www.w3schools.com/bootstrap/bootstrap_button_groups.asp