日期输入的铬太宽

Question

我正在使用Bootstrap和日期输入。随着屏幕越来越窄，日期输入调整大小。然而，对于Chrome，他们不会调整大小并变得太宽。

http://www.bootply.com/rgbzpIazj9

 <div class="row">

                            <div class="col-sm-6">
                                <div class="form-group form-group-default-new">
                                    <label>Start</label> 
                                    <div class="input-group">
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </div>
                                        <input type="date" class="form-control form-control-default-grey-new" placeholder="Ideal start date">
                                    </div>
                                </div>    
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group form-group-default-new">
                                    <label>Duration</label> 
                                    <div class="input-group">
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </div>
                                        <input type="date" class="form-control form-control-default-grey-new" placeholder="Duration">
                                    </div>    
                                </div>
                            </div>

                        </div>

Answer 1

只需缩小宽度，如下面的代码示例所示：

.input-group .form-control {
   width: 74%;
}

Answer 2

它在我的Chrome浏览器上工作正常。您还必须使用其他类，如.lg，.md和.xs，这样当浏览器窗口具有特定宽度时，它会根据引导网格系统显示该外观。