Base Bootstrap
by godsnake
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<div class="container pt-5">
<div class="row">
<h2>
Please Choose only 3
</h2>
<div class="p-0 m-0" data-type="signup">
<div class="btn-group-toggle pricing-levels-3 d-inline-block" data-toggle="button-checkbox">
<label class="btn btn-secondary">
<input class="single-checkbox"type="checkbox" name="vehicle" value="Bike" type="checkbox" autocomplete="off"> Checked
</label>
<label class="btn btn-secondary">
<input class="single-checkbox"type="checkbox" name="vehicle" value="Bike" type="checkbox" autocomplete="off"> Checked
</label>
<label class="btn btn-secondary">
<input class="single-checkbox"type="checkbox" name="vehicle" value="Bike" type="checkbox" autocomplete="off"> Checked
</label>
<label class="btn btn-secondary">
<input class="single-checkbox"type="checkbox" name="vehicle" value="Bike" type="checkbox" autocomplete="off"> Checked
</label>
</div>
</div>
</div>