Html 引导加载项按钮

我对Bootstrap有点陌生，但我在手册的任何地方都找不到如何在最后一行（txt为“cm”）中为附加模块提供前3行的尺寸

<!-- width right -->
<div id="div_widthRight" class="form-group has-warning">
<label for="widthRight" class="col-sm-3 control-label">Breedte rechts</label>
<div class="col-sm-9">
    <div class="input-group">
    <input type="number" class="form-control" id="widthRight" name="width_right" min="20" max="252" value="" data-preview="preview_hl_right" onkeyup="validate()" onclick="validate()">
    <span class="input-group-addon">cm</span>
    </div>
</div>
</div>

<!-- height -->
<div id="div_height" class="form-group has-warning">
<label for="height" class="col-sm-3 control-label">Hoogte</label>
<div class="col-sm-9">
    <div class="btn-group">
    <button type="button" class="btn btn-default" id="height_1" name="height" value="1" data-preview="preview_hl_height" onclick="validate_but(this);validate()">14,5</button>
    <button type="button" class="btn btn-default" id="height_2" name="height" value="2" data-preview="preview_hl_height" onclick="validate_but(this);validate()">29,0</button>
    <button type="button" class="btn btn-default" id="height_3" name="height" value="3" data-preview="preview_hl_height" onclick="validate_but(this);validate()">43,5</button>
    <button type="button" class="btn btn-default" id="height_4" name="height" value="4" data-preview="preview_hl_height" onclick="validate_but(this);validate()">58,0</button>
    <span class="input-group-addon">cm</span>
    </div>
</div>
</div>

布里德雷希茨
厘米
霍特
14,5
29,0
43,5
58,0
厘米

还是因为我使用不同的类？但要使这一点正确对齐

这就是我想要得到的。

将输入组类添加到btn组时。 输入组加载项上的宽度0。我有一个结果：

仅在输入组加载项上添加宽度0时

---

我编辑了我的答案，因为我的第一个答案在所有分辨率下都不能正常工作。我认为这是实现你想要的一种方式。我已经更改了一些引导类

霍特
14,5
29,0
43,5
58,0
厘米

你想做什么？谢谢@Jeppsen。请在我的结果帖子中查看我的编辑。@Muiter。我已经编辑了我的答案。也许这对你有用。太好了！谢谢你的努力@Jeppsen