Skip to content
A new design system for developing with less effort. See how it looks:
HTML CSS JavaScript
Branch: master
Clone or download
Latest commit a6aa65e Aug 9, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets - added default metatags. Aug 9, 2019
documentation -nit. Aug 9, 2019
index.html -nit. Aug 9, 2019
landing.html -nit. Aug 9, 2019
profile.html -nit. Aug 9, 2019
readme.md nitpicking. Aug 9, 2019
register.html -nit. Aug 9, 2019
starter_template.html for github Aug 7, 2019

readme.md

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.


ComponentsDocumentationOfficial Page


Download


Examples

Lazy Kit comes with 3 examples that show you what you can build with it.

Register Page Profile Page Landing Page

Dependencies

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:


Quick Start

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>

Issues and Technical Support

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

Useful Links

You can’t perform that action at this time.