title: How to get control and icon on the same line in bootstrap?
body: <p>I am using bootstrap's grid system for page layout. In one of the column i want to show <code>input</code> control and font awesome icon in the same column side by side. However i am not able to get icon aligned properly. it always goes below the control.  </p>
  
  <p>Here is the <a href="https://jsfiddle.net/z8d0w4qz/1/" rel="nofollow noreferrer">JSfiddle</a></p>
  
  <p>Can someone please help me?</p>