aellonk / bootstrap-extract

Bootstrap extraction of separate, reusable minified CSS components. Pick out only what you need, leave the rest.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Usage

  1. Link to the Bootstrap core grid CSS in the <head> of your HTML file:

    <link href="../bootstrap-grid.min.css" rel="stylesheet">

  2. Link to the component(s) of your choice, for example:

    Bootstrap navbar

    <link rel="stylesheet" type="text/css" href="../bootstrap-navbar.min.css">

    Bootstrap bg-colors

    <link rel="stylesheet" type="text/css" href="../bootstrap-bg-colors.min.css">

  3. Then link to the JS before the closing</body> tag of your HTML file, after linking to jQuery:

    <script src="../bootstrap.min.js"></script>

To view the examples, download the repo and open any of the index.html files from the folders in the browser.

About

Bootstrap extraction of separate, reusable minified CSS components. Pick out only what you need, leave the rest.


Languages

Language:HTML 90.7%Language:CSS 9.3%