Last Updated: February 25, 2016
·
12.8K
· nikropht

Bootstrap Vertical Separated Radio Buttons

I needed a large radio button group that was vertical and more importantly separated for a project I was working on.

So I got to hacking on bootstrap.. and I came up with RadioWells

Picture

<div style="position:absolute; left:50%; top:25%">
  <div class="btn-group btn-group-vertical" data-toggle="buttons">
    <label class="btn well">
      <input type="radio" name="options" id="option1"> Option 1
    </label>
    <label class="btn well">
      <input type="radio" name="options" id="option2"> Option 2
    </label>
    <label class="btn well">
      <input type="radio" name="options" id="option3"> Option 3
    </label>
  </div>
</div>

See it live http://www.bootply.com/121680