引導：搜索圖標按鈕內輸入框輸入框，從在非桌面分辨率

我試圖將搜索輸入框裏面一個搜索圖標按鈕分開（與引導工作）引導：搜索圖標按鈕內輸入框輸入框，從在非桌面分辨率

雖然一切在桌面分辨率的正常工作，在非桌面分辨率下，當菜單項合併到下拉菜單中時，按鈕和輸入框會出現兩個極端情況。

我做了一個有關該問題的小提琴：http://www.bootply.com/G7TudgkXPA

應該怎樣做，按鈕和輸入框在任何時候都保持在一起嗎？（也是最重要的是搜索框在中心對齊：它不能是左邊或右邊）

2014-09-12 FlyingAura

爲什麼不把它做成100％的寬度。這種方式應該在兩種情況下都達到其他要素。

input#srch-term { 
background: none; 
border: 2px solid white; 
border-top-left-radius: 1.5em; 
border-bottom-left-radius: 1.5em; 
    width:100% 
}

2014-09-12 13:12:17 Quince

那是很好的，但不是我想要的。在較小的尺寸上，它佔據了整個寬度。我不希望它拉伸那麼多：http://prntscr.com/4m825g – FlyingAura 2014-09-12 21:16:07

回答