title: Make asp.net radiobuttonlist appear as bootstrap button group
body: <p>I have a settings page that allows user's to toggle certain alerts on and off.
  These on and off switches are of a <code>RadioButtonList</code>control. I have not had any luck trying to use bootstrap classes or custom classes to get the affect I want.</p>
  
  <p>Essentially I have this:</p>
  
  <p><img src="https://i.stack.imgur.com/Rhprk.png" alt="enter image description here"></p>
  
  <p>But I would like it to resemble something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/n7Ozg.png" alt="enter image description here"></p>
  
  <p>If any of you have had success styling <code>asp.net RadioButtonList</code> in such a way I would appreciate your help! </p>
  
  <p>EDIT</p>
  
  <p>I have attempted forcing classes on the list items themselves</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;asp:RadioButtonList ID="Rbl_MinBal" runat="server" RepeatDirection="Horizontal"&gt;
            &lt;asp:ListItem Text="On" Value="0" class="btn btn-default" /&gt;
            &lt;asp:ListItem Text="Off" Value="1" class="btn btn-default" /&gt;
      &lt;/asp:RadioButtonList&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Not Ideal:</p>
  
  <p><img src="https://i.stack.imgur.com/QnD1b.png" alt="enter image description here"></p>