爲什麼使用驗證格式輸入引導行內格式

當我使用引導程序3的行內格式的驗證元素時，輸入的寬度越來越寬。爲什麼使用驗證格式輸入引導行內格式

從我的觀察來看，正常情況下，當驗證輸入元素時，從輸入寬度中刪除30.5px，並將其填充增加30.5px，以爲圖形範圍提供空間。但是在內聯形式中，雖然填充增加了，但輸入的寬度不會減小。

下面是我使用的驗證元素：

<div class="form-group has-success has-feedback"> 
    <label class="sr-only " for="exampleInputEmail2">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> 
    <span class="glyphicon glyphicon-ok form-control-feedback"></span> 
    </div>

而這裏的說明兩種形式之間的比較（你需要使用全屏幕）一plunker：plunker

我不知道，如果這是一個引導錯誤，或者如果我在我的html中缺少一個類。

感謝您的幫助。

來源

2014-07-25 vonwolf

我猜他們這樣做是故意的。所以文本輸入空間仍然具有相同的大小，並且在驗證時不會縮小。如果您使用此驗證功能，那麼很可能您在每次輸入時都這樣做，結果每個輸入都會再次具有相同的寬度。如果您不想在每個輸入上使用驗證圖標，仍然可以給每個'.form-group'.has-feedback'類，但不包括'span'。但這只是一個猜測...... – Sebsemillia

嗨@Sebsemillia，這將不符合form-horizontal的行爲，其中form-group的總大小保持不變，寬度從輸入轉移到填充。 – vonwolf

因此，這似乎確實是形式內聯類的預期行爲。我不明白爲什麼這個類的行爲像這樣，當表單水平類的行爲不同時，但確定！所以這裏是我從發佈的github問題中獲得的解決方法。

你只需要添加以下的CSS：

.form-inline .has-feedback .form-control { 
    padding-right: 12px; 
}

來源

2014-07-31 16:01:20 vonwolf

爲什麼使用驗證格式輸入引導行內格式

回答

相關問題