This was created months ago, but it works well for the Checkbox CodePenChallenge. A group of checkboxes as Bootstrap "buttons".
Inspired by https://codepen.io/seadour/details/jZvbKY/.
I wanted to just create the same effect but with form checkboxes.
A Pen by Zach Handing on CodePen.
| <div class="container-fluid"> | |
| <div class="row justify-content-center"> | |
| <div class="col-11 col-sm-10 col-md-10 col-lg-6 col-xl-5 text-center p-0 mt-3 mb-2"> | |
| <div class="card px-0 pt-4 pb-0 mt-3 mb-3"> | |
| <h2 id="heading">Sign Up Your User Account</h2> | |
| <p>Fill all form field to go to next step</p> | |
| <form id="msform"> | |
| <!-- progressbar --> | |
| <ul id="progressbar"> | |
| <li class="active" id="account"><strong>Account</strong></li> |