How can I change the size of a Bootstrap checkbox?

user3185936 picture user3185936 · Mar 30, 2014 · Viewed 169.1k times · Source

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:

enter image description here

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

Rachel S picture Rachel S · Jul 30, 2015

Or you can style it with pixels.

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