PostBoot
A library for quickly creating web applications using Bootstrap with a minimum amount of CSS code, maximum productivity and a huge number of components.
Who uses it
Designed for beginners and professional web developers for projects of any level of complexity using in combination with the Bootstrap framework.
Why use it
If you want to quickly prototype a web application using the Bootstrap framework and Postboot library, as well as support projects with long-term support.
Download
140 Kb
Compatibility and dependency on Bootstrap >= 4.5.0 and < 5.0.
PostBoot does not overwrite any components of Bootstrap, but only extends most of them. You can use it completely safe.
Installation
NodeJS
npm install postboot
Manually
Download package and unpack it or use following commands:
wget -O https://github.com/tarkhov/postboot/releases/download/v1.0.3/postboot.zip
unzip postboot.zip
Usage
Local
<!-- CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/postboot.min.css"/>
<!-- JS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/postboot.min.js"></script>
CDN
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://cdn.rawgit.com/tarkhov/postboot/v1.0.3/dist/css/postboot.min.css"/>
<!-- JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.rawgit.com/tarkhov/postboot/v1.0.3/dist/js/postboot.min.js"></script>
Requirements
CSS
File | Requirement |
---|---|
postboot.css | bootstrap.css |
postboot-grid.css | bootstrap-grid.css |
postboot-light.css | bootstrap.css |
List of css components that requires postboot.js:
JS
File | Requirement |
---|---|
postboot.js | bootstrap.js |
dropdown-hover.js | dropdown.js |
dropdown-mega.js | dropdown.js |
scrollspy-tree.js | scrollspy.js |