title: How to use input prepend (or append) in bootstrap 3 without breaking inline form
body: <p>In Bootstrap 3 the necessary code to prepend a value to the input text box </p>
  
  <pre><code>&lt;div class="input-group"&gt;
    &lt;span class="input-group-addon"&gt;@&lt;/span&gt;
    &lt;input type="text" class="form-control" placeholder="Username"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://getbootstrap.com/components/#input-groups" rel="nofollow">http://getbootstrap.com/components/#input-groups</a></p>
  
  <p>does not seem to preserve the formatting for an inline form <a href="http://getbootstrap.com/css/#forms-inline" rel="nofollow">http://getbootstrap.com/css/#forms-inline</a>.</p>
  
  <p>Example of code.  First segment is functional inline form.  Second segment adds code for prepend and it breaks the inline form causing it to be vertical (normal) instead.</p>
  
  <p><a href="http://bootply.com/101947" rel="nofollow">http://bootply.com/101947</a></p>
  
  <p>What am I missing here I have wasted more time than should be necessary getting this two features which work fine separately to play nice.</p>