Html 将btn组与其他表单控制输入字段对齐

我正在使用引导为web应用程序创建一个输入字段

我正在使用

btn group

创建一个3个选择的分段控件（供用户选择性别）。不幸的是，我不能让它表现出我想要的样子

我无法使按钮组与其他（文本、电子邮件）输入字段在视觉上保持一致。我希望此控件与其他字段的宽度相同，三个选项中的每一个都是相同的宽度，每一个都是整个字段宽度的1/3

• 我已经尝试应用

  表单控件

  类。它得到了正确的大小，但它创建了一个重复的轮廓
• 我尝试将按钮组设置为100%宽度，每个按钮的宽度为33%。当我检查按钮组时，它的宽度是正确的，但大部分是空白，孩子们的宽度不受影响
  男性 女性 其他

以下是它当前的外观：

这是一个理想结果的粗略模型：

这是我的建议

我怎样才能做到这一点？谢谢。

<div style="width: 100%" class="btn-group btn-group-justified" data-toggle="buttons">

---

谢谢！15分钟后我会接受你的回答。请问你是怎么知道这件事的？你知道任何列出所有可用类的文档吗？我不确定它列出了所有这些，但它确实在那一页上！不知道我怎么会错过这个。谢谢