title: Add animated checkbox to Bootstrap form-check
body: <p>I'm really bad with CSS animations but I found this great animated checkmark on SO that I'd love to use in my code. But I don't know how to include it in.</p>
  
  <p>This is my html code for checkmark, I'm using Bootstrap 4:</p>
  
  <pre><code>&lt;div class="form-check"&gt;
    &lt;label class="custom-control custom-checkbox mb-0"&gt;
      &lt;input type="checkbox" class="custom-control-input"&gt;
      &lt;span class="custom-control-indicator"&gt;&lt;/span&gt;
      &lt;span class="custom-control-description"&gt;checkmark&lt;/span&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the animated checkmark <a href="https://jsfiddle.net/Hybrid8287/gtb1avet/1/" rel="nofollow noreferrer">Fiddle</a>.</p>
  
  <p>Can someone please let me know how I can include this in my HTML code? </p>
  
  <p>Thank you in advance.</p>