引导：搜索图标按钮内输入框输入框，从在非桌面分辨率

Question

我试图将搜索输入框里面一个搜索图标按钮分开（与引导工作）

虽然一切在桌面分辨率的正常工作，在非桌面分辨率下，当菜单项合并到下拉菜单中时，按钮和输入框会出现两个极端情况。

像这样：http://prntscr.com/4m31c7

我做了一个有关该问题的小提琴：http://www.bootply.com/G7TudgkXPA

应该怎样做，按钮和输入框在任何时候都保持在一起吗？ （也是最重要的是搜索框在中心对齐：它不能是左边或右边）

Answer 1

为什么不把它做成100％的宽度。这种方式应该在两种情况下都达到其他要素。

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

http://www.bootply.com/TzVC7Ww2fl#