<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>User Type</legend> <!-- Multiple Radios --> <div class="control-group"> <label class="control-label" for="is_admin">User Type</label> <div class="controls"> <label class="radio" for="is_admin-0"> <input name="is_admin" id="is_admin-0" value="Standard User" checked="checked" type="radio"> Standard User </label> <label class="radio" for="is_admin-1"> <input name="is_admin" id="is_admin-1" value="Admin(Manages configuration and users)" type="radio"> Admin(Manages configuration and users) </label> </div> </div> <!-- Form Name --> <legend>Permissions</legend> <!-- Multiple Checkboxes --> <div class="control-group"> <label class="control-label" for="audience_group">Audience</label> <div class="controls"> <label class="checkbox" for="audience_group-0"> <input name="audience_group" id="audience_group-0" value="Read Only" type="checkbox"> Read Only </label> <label class="checkbox" for="audience_group-1"> <input name="audience_group" id="audience_group-1" value="Option two" type="checkbox"> Option two </label> </div> </div> <!-- Multiple Checkboxes --> <div class="control-group"> <label class="control-label" for="marketing_group">Marketing</label> <div class="controls"> <label class="checkbox" for="marketing_group-0"> <input name="marketing_group" id="marketing_group-0" value="Read Only" type="checkbox"> Read Only </label> <label class="checkbox" for="marketing_group-1"> <input name="marketing_group" id="marketing_group-1" value="Option two" type="checkbox"> Option two </label> </div> </div> <!-- Multiple Checkboxes --> <div class="control-group"> <label class="control-label" for="account_group">Account and Settings</label> <div class="controls"> <label class="checkbox" for="account_group-0"> <input name="account_group" id="account_group-0" value="Manage Users" type="checkbox"> Manage Users </label> <label class="checkbox" for="account_group-1"> <input name="account_group" id="account_group-1" value="Manage Configs" type="checkbox"> Manage Configs </label> </div> </div> </fieldset> </form>