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>

我已将col-md-5移动到新的父div。请参阅example

引导程序中的输入组类不允许同一行上的任何其他元素

1 个答案: