如何更改 Bootstrap 复选框的大小? [英] How can I change the size of a Bootstrap checkbox?

问题描述

想知道是否可以像使用按钮那样更改复选框的大小.我希望它更大，以便于按下.现在它看起来像这样:

代码:

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

解决方案

或者您可以使用像素设置样式.

 .big-checkbox {width: 30px;高度:30px;}

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>

解决方案

Or you can style it with pixels.

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

这篇关于如何更改 Bootstrap 复选框的大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！