bootstrap中的Input-group类不允许在同一行上有任何其他元素

Question

下面是Bootstrap的代码，它不能正确显示下一个元素

<div class="row">
            <div class="col-md-12">
                <div class="col-md-2"><input type="checkbox" id="my-checkbox"/></div>
                <div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                    <input class="form-control" size="16" type="text" value="" readonly>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-remove"></span>
                    </span>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-th"></span>
                    </span>
                    <input type="hidden" id="dtp_input1" value="" />
                </div>                   
                <div class="col-md-5">Hi</div>
            </div>
        </div>

我已经使用了bootstrap 3 input-group 100% width给出的建议，但它不工作

Answer 1

<div class="col-md-5">
  <div class="input-group date form_datetime">
    ...
  </div>
</div>

我已经将color -md-5移动到新的父div中，请参见示例