I am attempting to place a Search Icon Button inside the Search Input Box while using Bootstrap.
Although everything appears correctly at Desktop resolution, at non-desktop resolutions when the menu items collapse into a dropdown, the button and input box end up at opposite ends.
Here is an example of how it looks: http://prntscr.com/4m31c7
I have created a fiddle to demonstrate the issue: http://www.bootply.com/G7TudgkXPA
What can be done to ensure that the button and input box always stay together? Additionally, it is crucial that the Search Box remains centered; it cannot be positioned to the left or right.