减少表单组中输入的大小

Question

到目前为止，我有以下设置jsFiddle。我希望减小Cost Codes输入框的大小，为右边的另一个输入框留出空间，这个输入框可能存在也可能不存在。

右侧可能出现的输入框将根据用户放在Cost Code框中的内容动态显示，因此我正在寻找一种无论输入是否存在都可以使用的解决方案。但我无法做到正确。

Answer 1

在表单组div上粘贴col-xs-6类。还要确保周围有row类的div。

<div class="row">
    <div class="form-group col-xs-6">
      <input type="number" class="form-control" id="create-enter-code1" placeholder="Cost Code">
    </div>
<!-- insert another div here -->
</div>

Answer 2

在样式表中：

#create-enter-code1{
    width:50%;
}