Use Bootstrap 4 checkbox classes

Replace the Bootstrap 3 classes.

Author: wimpyprogrammer

demo/index.html

@@ -63,16 +63,16 @@
 					</select>
 				</div>
 
-				<div class="checkbox">
-					<label>
-						<input type="checkbox" checked="checked" class="form-check-input js-case">
+				<div class="form-group form-check">
+					<input type="checkbox" checked="checked" id="case" class="form-check-input js-case">
+					<label class="form-check-label" for="case">
 						Case-sensitive
 					</label>
 				</div>
 
-				<div class="checkbox">
-					<label>
-						<input type="checkbox" checked="checked" class="form-check-input js-trim">
+				<div class="form-group form-check">
+					<input type="checkbox" checked="checked" id="trim" class="form-check-input js-trim">
+					<label class="form-check-label" for="trim">
 						Trim whitespace surrounding each word/phrase
 					</label>
 				</div>

demo/styles.css

@@ -11,7 +11,7 @@
 	flex-direction: column;
 }
 
-.checkbox {
+.form-check {
 	margin-top: 1em;
 }
 
@@ -25,7 +25,7 @@
 }
 
 @media (min-width: 992px) {
-	.checkbox {
+	.form-check {
 		margin-left: auto;
 		margin-top: 0;
 	}