title: Attach bootstrap filestyle as append in bootstrap 2
body: <p>I'm trying to attach <a href="http://markusslima.github.io/bootstrap-filestyle/" rel="nofollow noreferrer">Markusslima's Boostrap Filestyle</a> as append to a fake input in Bootstrap 2.3.2.</p>
  
  <p>There must be some kind of a conflict and no matter what I try (adding placeholder, etc,etc) nothing seems to work.
  I am just starting in javascript and have been stuck here since 2 weeks now.</p>
  
  <p>Here is my attempt:</p>
  
  <p><img src="https://i.imgur.com/C0NWVCg.png" alt=""></p>
  
  <p>Here is my code:</p>
  
  <pre><code>  &lt;div class="input-prepend input-append span12"&gt;&lt;span
   class="add-on"&gt;&lt;i class="icon-picture icon-large"&gt;&lt;/i&gt;&lt;/span&gt;
       &lt;input type="text" class="span9" style="margin:0;" placeholder="Press the Browse button to upload your photo" /&gt; 
            &lt;input type="file" class="filestyle" name="img_upload_file" id="img_upload_file" accept="image/*" data-classButton="btn"
   data-input="false" /&gt;
            &lt;input type="hidden" name="ajax-nonce" id="ajax-nonce" value="&lt;?php echo wp_create_nonce('upload_img'); ?&gt;" /&gt;
            &lt;input type="hidden" name="mode" id="mode" value="computer" /&gt;
         &lt;input type="hidden" name="action" id="action" value="fms-upload-img" /&gt;
   &lt;/div&gt;
  </code></pre>