我有一个包含两个输入字段的水平表单：type="text"和type="date"。这两个字段都包含在.input-group中。此外，我将输入组包装在网格列.col-xs-4中以强制实现所需的宽度。但是日期字段比文本字段及其列更宽。有人知道如何使日期输入与父列相同的宽度吗？
这是jsfiddle
它似乎与此问题https://bugs.chromium.org/p/chromium/issues/detail?id=346051
有关答案 0 :(得分：0)
因为日期的最小宽度大于你的4 coll（因为箭头所有输入的东西，所以它比正常输入大）。使它col-xs-5，它的工作原理
答案 1 :(得分：0)
您可以使用display: flex在chrome中解决此问题，并覆盖引导元素的默认样式规则。
请务必检查support for flex here，因为它不像其他display规则那样得到广泛支持;虽然bootstrap v4 will be utilizing it。
<强> DEMO