title: Attaching ".input-prepend" to Bootstrap Buttons
body: <p>How can I add append input into a button in Bootstrap? <a href="http://jsfiddle.net/Behseini/MgcDU/5084/" rel="nofollow noreferrer">Here</a> is the code which I am trying to fix, and the code is as:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="hero-unit"&gt;
      &lt;div class="input-prepend"&gt;
        &lt;span class="add-on"&gt;
           &lt;i class="icon-move icon-black"&gt;&lt;/i&gt;
        &lt;/span&gt;
        &lt;button class="btn btn-mini btn-info"&gt;Test Input Prepend&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works, however, it looks like this when I use the .btn-mini class </p>
  
  <p><img src="https://i.stack.imgur.com/SCKDk.png" alt="enter image description here"></p>
  
  <p>How can I fix this?</p>