我有一個帶有兩個輸入字段的水平表單：type="text"和type="date"。這兩個字段都包裝在.input-group中。此外，我將輸入組封裝在網格列.col-xs-4中，以強制實現所需的寬度。但是日期字段比文本字段和列更寬。有誰知道如何使日期輸入與父列相同的寬度？當在chrome中包含.input-group時，日期輸入寬於文本輸入
這裏是jsfiddle
看來它涉及到這個問題https://bugs.chromium.org/p/chromium/issues/detail?id=346051
你可以通過使用display: flex來覆蓋這個chrome並覆蓋引導元素的默認樣式規則。
一定要檢查support for flex here，因爲它不像其他display規則那樣受到廣泛支持;雖然bootstrap v4 will be utilizing it。
因爲日期的最小寬度較大，那麼你的4科爾（bacause的所有輸入的東西在像箭頭的一端）是大於正常輸入。使它成爲col-xs-5並且它可以工作
好的。但爲什麼最小的日期更大？嘗試刪除'.input-group'，日期寬度將變爲與.col-xs-4相同的寬度。 –
就像我說它有一個隱藏的最小寬度後，它不再縮小你的文本輸入沒有，所以它更靈活 –
請看看更新的[jsfiddle]（https：// jsfiddle。淨/ qtdry2ru/14 /）。還有一個日期輸入被縮小。 –
我無意中提交的評論，亞歷山大 - 我們對此深感抱歉，我清楚地看到現在的問題 - 在Chrome存在，使得它更廣泛的，正確的佔位符文本？ – justinw
Np。我不確定佔位符文本。我認爲這是因爲'.input-group'發生的。 –
好吧，因爲在我的Chrome瀏覽器最新版本的屏幕上，由於佔位符內容（[mm/dd/yyyy]（http://imgur.com）），我發現'date'輸入比'text'寬/ a/uogRN）） - 也應該注意，這在技術上不是*「佔位符」*只是與我理解的日期選擇器 – justinw