将 btn-group 与其他 form-control 输入字段对齐
Align btn-group to other form-control input fields
我正在使用 Bootstrap 为 Web 应用程序创建输入字段。
我正在使用 btn-group 创建 3 selection 的分段控件（供用户 select 他们的性别）。不幸的是，我无法让它按照我想要的方式运行。
我无法让按钮组在视觉上与其他（文本、电子邮件）输入字段保持一致。我希望这个控件与其他字段的宽度相同，3 个选项中的每一个都具有相同的宽度，每个都是整体宽度的 1/3。
- 我已经尝试应用
form-control class。它的大小合适，但它创建了一个重复的轮廓。
我试过将按钮组设置为 100% 宽度，每个按钮的宽度为 33%。当我检查按钮组时，它的宽度是正确的，但大部分是空白 space，children 的宽度未受影响。
男性
女性
其他
这是目前的样子：
这是一个粗略的 mock-up 预期结果：
这是 jsfiddle。
我怎样才能做到这一点？谢谢。
<div style="width: 100%" class="btn-group btn-group-justified" data-toggle="buttons">
我正在使用 Bootstrap 为 Web 应用程序创建输入字段。
我正在使用 btn-group 创建 3 selection 的分段控件（供用户 select 他们的性别）。不幸的是，我无法让它按照我想要的方式运行。
我无法让按钮组在视觉上与其他（文本、电子邮件）输入字段保持一致。我希望这个控件与其他字段的宽度相同，3 个选项中的每一个都具有相同的宽度，每个都是整体宽度的 1/3。
- 我已经尝试应用
form-controlclass。它的大小合适，但它创建了一个重复的轮廓。 我试过将按钮组设置为 100% 宽度，每个按钮的宽度为 33%。当我检查按钮组时，它的宽度是正确的，但大部分是空白 space，children 的宽度未受影响。
男性 女性 其他
这是目前的样子：
这是一个粗略的 mock-up 预期结果：
这是 jsfiddle。
我怎样才能做到这一点？谢谢。
<div style="width: 100%" class="btn-group btn-group-justified" data-toggle="buttons">