Make checkbox pick up Bootswatch 4 United styling

Author: hartwork

index.htm

@@ -30,7 +30,7 @@
     }
 
     /* Keep checkbox "There is a previous release" well visible at all times */
-    #prev-release.disabled .form-check label {
+    #prev-release.disabled .custom-control label {
       color: #212529 !important;
     }
 
@@ -358,9 +358,9 @@ <h1 class="display-3"><a href="" class="logo">Shared Library Version Bump</a></h
       <div id="prev-release">
         <h2 class="display-4 mt-0">Previous Release</h2>
         <div class="container">
-          <div class="form-check">
-          <input class="form-check-input" type="checkbox" id="prev-exists">
-          <label class="form-check-label" for="prev-exists">
+          <div class="custom-control custom-checkbox">
+          <input class="custom-control-input" type="checkbox" id="prev-exists">
+          <label class="custom-control-label" for="prev-exists">
             There is a previous release
           </label>
           </div>
@@ -390,28 +390,28 @@ <h2 class="mt-4">
             <small class="text-muted">in the Mean Time</small>
         </h2>
         <div class="container">
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-any">
-            <label class="form-check-label" for="changes-any">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-any">
+            <label class="custom-control-label" for="changes-any">
               Changed something in the source code
             </label>
           </div>
           <div style="padding-left: 1.4em">
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-added">
-            <label class="form-check-label" for="changes-added">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-added">
+            <label class="custom-control-label" for="changes-added">
               Added something new to the public interface
             </label>
           </div>
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-removed">
-            <label class="form-check-label" for="changes-removed">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-removed">
+            <label class="custom-control-label" for="changes-removed">
               Removed something from the public interface
             </label>
           </div>
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-changed">
-            <label class="form-check-label" for="changes-changed">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-changed">
+            <label class="custom-control-label" for="changes-changed">
               Changed any existing part of the public interface
             </label>
           </div>