<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!--div class="container" style="margin-top:20px;"> <div class="row"> <div class="col-md-5"--> <div class="btn-group" id="status" data-toggle="buttons"> <label class="btn btn-default btn-on btn-sm active" style="font-size: 12px; border-top-left-radius:12px;border-bottom-left-radius:12px;border-color:#CBCCCE" > <input type="radio" value="1" name="multifeatured_module[module_id][status]" checked="checked">Tasa (%)</label> <label class="btn btn-default btn-off btn-sm " style="font-size:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-color:#CBCCCE"> <input type="radio" value="0" name="multifeatured_module[module_id][status]">Ganancia</label> </div> <!-- /div> </div> </div-->

/* Switch button */ .btn-default.btn-on.active{background-color: #0091d9;color: white; font-weight: bold} .btn-default.btn-off.active{background-color: #0091d9;color: white;font-weight: bold}