How can I change the size of a Bootstrap checkbox?

Question

Wondering if its possible to change the size of checkbox as it's possible with buttons. I want it to be bigger, so it makes it easy to press. Right now its looking like this:

Code:

 <div class="form-group">     <label  class="col-md-7 control-label">Kalsiumklorid: </label>     <div class="col-md-5" >       {{ Form::checkbox('O_Kals_Klor', 1 , array('class' => 'form-control' ))  }}       </div>   </div> 

Answer 1

Or you can style it with pixels.

 .big-checkbox {width: 30px; height: 30px;} 

Answer 2

input[type=checkbox] {   /* Double-sized Checkboxes */   -ms-transform: scale(2); /* IE */   -moz-transform: scale(2); /* FF */   -webkit-transform: scale(2); /* Safari and Chrome */   -o-transform: scale(2); /* Opera */   padding: 10px; }