當有圖標時，輸入寬度不同

Question

我試圖使用twitter引導來創建表單，並通過使用.input-block級別類來使輸入字段的寬度最大化。

這個效果很好，在這個例子中，取自官方網站。

• http://pastebin.com/Hi5nTDQq

但是，如果我把圖標例，也從官方網站，並使用輸入元素上。輸入塊級賽事，這是行不通的。

• http://pastebin.com/2KMbyDxT

如果我應用。輸入的塊級類輸入前置和輸入既，它得寬，但比所期望的更廣泛的一點點。

• http://pastebin.com/uQd3QcBm

我在做什麼錯在這裏？

Answer 1

你沒有做錯什麼。你擁有的額外空間是因爲圖標。我認爲您需要手動進行調整。

Answer 2

一個有趣的問題，這裏有最好的兩種解決方案，我能想到的，到目前爲止：
http://jsfiddle.net/panchroma/jckTk/

都對密碼字段空白前置。一個使用默認的背景和邊框，另一個使用一些簡單的CSS去除背景和右邊框。

.passwordAddon{ 
background-color:inherit !important; 
border-right:none !important; 
} 

.password-With-Prepend{ 
border-left:none !important; 
} 

祝你好運！