Html 固定输入组中的高度对象

您好，我有一个具有此结构的输入组：

<div class="input-group">
        <span class="input-group-addon">
            Jesteś użytkownikiem<br /> tych urządzeń?
        </span>
        <span class="form-control">
            <input type="checkbox" checked data-bind="checked: MeUser">
        </span>
    </div>

杰斯特·尤特科夫尼基姆（Jesteśużytkownikiem）
泰克·乌尔茨坦？

如您所见，

input group addon

由两行组成，

form control

只有一行。 所以，两个物体的高度不对齐。你可以从中看到这一点

---

有人能建议我修改以使这两个对象具有相同的高度吗？

为输入组类设置一个静态值

&为子类设置静态值

CSS:

HTML:

杰斯特·尤特科夫尼基姆（Jesteśużytkownikiem）
泰克·乌尔茨坦？

在jsfiddle上提供您的filled如果我只使用引导而没有使用外部JS，那么bootply有什么问题？它可以工作，但我正在搜索更通用的。在许多输入组中设置高度以固定内部对象的大小是我试图忽略的事情（一个小建议，为什么不在第二个跨度的末尾添加一个
lol）我明白你的意思，我只是想它会因为内容的不同而有不同的高度，除非你让内容浮动/位置或其他什么，这样它就能越过边界。

.input-group{
height:100px;
}
.input-group-item{
height:50px;
}

<div class="input-group">
    <div class="input-group-item"><span class="input-group-addon">
        Jesteś użytkownikiem<br /> tych urządzeń?
    </span></div>
    <div class="input-group-item"><span class="form-control">
        <input type="checkbox" checked data-bind="checked: MeUser">
    </span></div>
</div>