引導排隊表單元素

我創建了一個Bootply顯示我遇到的問題：http://www.bootply.com/8fPmr31Wd7 引導排隊表單元素

向下滾動到看「人」與「鄰居」，找到它們沿兩邊縮進。

也許我沒有使用正確的類，或者可能是網格存在錯誤，但是如果您在表單中使用網格命令，則會導致網格內的元素僅僅是脫落每一方都沒有與表格的其餘部分正確對齊。

我知道Bootstrap 4正在測試，但我不知道這是一個錯誤還是我錯過了，所以我想我會問。謝謝。

2016-09-15 chris98.5

仍然有興趣知道這是否有實際的答案。以下是我的臨時解決方法： '.no-gutter> [class * ='col-'] { padding-right：0; padding-left：15px; }' '.no-gutter> [class * ='col - ']：first-child { padding-right：0; padding-left：0; } ' –

你不應該像這樣修改CSS，就好像黑客引導一些引導網格系統一樣 - 這更多的是標記的結構問題。看到我的回答:) – bbodien

您的網格行不包含您所有其他表單行的任何列，而且您正在使用「人員和地點」表單元素組的列。

如果您在其他行中添加一個12單位寬的列，根據Best practice for single column within row in bootstrap v3 grid system?的頂部答案，網格中的水平間距將保持一致。

來源

2016-09-15 16:23:06 bbodien

謝謝！出於某種原因，我沒有得到任何通知，我得到了這個答案。我已經選擇你的答案作爲最佳答案。當你這樣做的時候它是有道理的！是的，我的「黑客」只是一個暫時的事情，因爲我認爲我不會得到答案。再次感謝！ –

引導排隊表單元素

回答

相關問題