bootstrap - 输入日期类型导致表单控件相互重叠

Question

如果我减小视图区域宽度，输入日期类型会导致表单控件相互重叠
Test Plunker

<div class="container">
  <h4>Date input type overlap issue</h4>
  <h4>Please reduce view width</h4>

        <div class="row">

            <div class="col-xs-6">
                <div class="input-group">
                    <span class="input-group-addon">Birth Date</span>
                    <input type="date" class="form-control" />
                </div>
            </div>

            <div class="col-xs-6">
                <div class="input-group">
                    <span class="input-group-addon">Name</span>
                    <input type="text" class="form-control">
                </div>
            </div>
        </div>

</div>

预计会显示

相反，它会在chrome（重叠日期输入）

中显示

Answer 1

您的视口是否有足够的宽度来容纳同一行中的输入组？

尝试使用col-xs-12