你需要一个 Package 器来 Package 输入和标签，使用calc来设置宽度100% -（允许复选框的任意数量），例如。

.listWrapper {
  width: calc(100% - 75px);
}

然后你可以设置这个.listWrapper来显示：flex，并给予输入flex：11自动，使得输入将根据需要增长/收缩，以占用所有可用的内部空间减去标签所需的任何空间。您可以将flex-wrap设置为nowrap，以便所有内容都保留在一行上。
下面是一个更新的codepen：
https://codepen.io/anon/pen/ZXwxKz
相关的更新样式在这里，所以你不必在所有东西中挑选：

.listWrapper {
  width: calc(100% - 75px);
  float:left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.listWrapper .listInput {
  flex: 1 1 auto;
}

由于浮动，您可能还需要在 Package 器上使用clearfix。如果你已经有了一个clearfix样式，将它应用到“.form-group.form-inline”，如果没有，将这个样式添加到你的CSS中：

.form-group.form-inline:after {
    content: "";
    display: table;
    clear: both;
}