title: How to keep round corners using Bootstrap
body: <p>From the following image <img src="https://i.stack.imgur.com/waPrh.png" alt="image with round corners">, I want to hide the second button,</p>
  
  <p>using <code>javascript</code>, and I need for the first button to have round corners.</p>
  
  <p>After I hide the second button using javascript, the first button has a rectangular shape on the right side:</p>
  
  <p><img src="https://i.stack.imgur.com/tLy7S.png" alt="image after display none"></p>
  
  <p>If I delete the button node, bootstrap sets the rounded corners, but this is not useful.</p>
  
  <p>This is what i need, by using javascript:</p>
  
  <p><img src="https://i.stack.imgur.com/f98ah.png" alt="this is what i need"></p>
  
  <p>The standard <code>bootstrap</code> html button structure:</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
              &lt;button class="btn btn-mini action_select customSelect" id="btn_bulk_action" data-toggle="button" disabled="disabled"&gt;Reply&lt;span class="reply2"&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;button class="btn btn-mini action_select" data-toggle="button" id="btn_bulk_action_archive" disabled="disabled" style="
      display: none;
  "&gt;Archive&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/button&gt;
                      &lt;/div&gt;
  </code></pre>