title: Increasing the size of a bootstrap checkbox
body: <p>I am creating a simple check box with the code from the official bootstrap documentation:</p>
  
  <pre><code>&lt;div class="custom-control custom-checkbox"&gt;
      &lt;input type="checkbox" class="custom-control-input" id="customCheck" name="example1"&gt;
      &lt;label class="custom-control-label" for="customCheck"&gt;Check this custom checkbox&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am wondering how to make the checkbox larger than it currently is? I have tried editing the css of <code>customCheck</code> and changing the height and width properties, but that does not increase the size of the box.</p>