title: Spectrum color picker addon in bootstrap form
body: <p>I am trying to get the spectrum color picker into a bootstrap form on the right side.</p>
  
  <p>Spectrum github:</p>
  
  <p><a href="https://github.com/bgrins/spectrum" rel="nofollow">https://github.com/bgrins/spectrum</a></p>
  
  <p>It is not working correctly, as can be seen in this jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/b5gnupfn/" rel="nofollow">http://jsfiddle.net/b5gnupfn/</a></p>
  
  <pre><code>&lt;div class="input-group"&gt;
    &lt;input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1"&gt;
    &lt;span class="input-group-addon" id="basic-addon1"&gt;
         &lt;input type='text' class='my_color'/&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>I just want it to fit neatly into the text form like with other .input-group-addon or .input-group-btn elements in an .input-group. Right now it is odd looking.</p>
  
  <p>EDIT:</p>
  
  <p>Fixed jsfiddle, it is now accurate regarding the issue.</p>