title: Twitter Bootstrap hide css class and jQuery
body: <p>I'm using the hide css class to hide a button on page load.</p>
  
  <p>The problem is that when i try to show the button i've previuosly hidden with jQuery the button is smaller.</p>
  
  <p>(the same thing doesn't happen when i use jQuery to hide and then show the button)</p>
  
  <p>Thanks for helping.</p>
  
  <p>Edit: hide class is just this:</p>
  
  <pre><code>.hide {
      display: none;
  }
  </code></pre>
  
  <p>My button:</p>
  
  <pre><code>&lt;a class="btn hide" id="buttonEditComment" href="javascript:void()"&gt;&lt;i class="icon-comment"&gt;&lt;/i&gt; Edit comment&lt;/a&gt;
  </code></pre>
  
  <p>Javascript i use to show the button:</p>
  
  <pre><code>$("#buttonEditComment").toggle();
  </code></pre>