Lazy Kit is a complete design system built on Bootstrap 4.
It is created for all web makers that want to get a project off the ground quickly and neatly.
It overwrites all Bootstrap 4 components and adds 2 more plugins. It also comes with 3 example pages.
Components • Documentation • Official Page
Lazy Kit comes with 3 examples that show you what you can build with it.
 |  |  |
|---|---|---|
| Register Page | Profile Page | Landing Page |
Lazy Kit is built on top of Bootstrap and uses the noUiSlider plugin and Font Awesome icons. You can see the documentation for them here:
In order to take advantage of all that Lazy Kit has to offer, you can use the following starter template that includes all the dependencies.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <link rel="stylesheet" href="./assets/vendor/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css"> <link rel="stylesheet" href="./assets/css/lazy.css"> </head> <body> <!-- your content here --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="./assets/vendor/jquery/jquery.min.js"></script> <script src="./assets/vendor/popper/popper.min.js"></script> <script src="./assets/vendor/bootstrap/bootstrap.min.js" ></script> <!-- optional plugins --> <script src="./assets/vendor/nouislider/js/nouislider.min.js"></script> <!-- lazy javascript --> <script src="./assets/js/lazy.js"></script> </body> </html>If you have found an issue please report it on Github, under Issues. If you have a technical questions or something it not working while you are trying to integrate the kit, please email us at contact@bootstrapbay.com