Bootstrap: Difference between revisions
No edit summary |
|||
| Line 15: | Line 15: | ||
==Additions and Alternatives== | ==Additions and Alternatives== | ||
===Bootstrap Native=== | ===Bootstrap Native=== | ||
[https://github.com/thednp/bootstrap.native Bootstrap Native] replaces the JS portion of Bootstrap 4 with a vanilla JS implementation.<br> | [https://github.com/thednp/bootstrap.native Bootstrap Native] replaces the JS portion of Bootstrap 4/5 with a vanilla JS implementation.<br> | ||
It allows you to use Bootstrap's interactive portions without requiring JQuery or popper.js.<br> | It allows you to use Bootstrap's interactive portions without requiring JQuery or popper.js.<br> | ||
Since most existing Bootstrap's JS api uses JQuery commands, this is not a drop-in replacement for Bootstrap.<br> | Since most existing Bootstrap's JS api uses JQuery commands, this is not a drop-in replacement for Bootstrap.<br> | ||
Note that bootstrap 5 no longer uses jquery. | Note that bootstrap 5 no longer uses jquery. | ||
Latest revision as of 03:05, 27 December 2021
Bootstrap is the most popular CSS framework.
It has an excellent set of examples on it's website for all of its functionality.
Getting Started
Add bootstrap using npm
npm i bootstrap
Import bootstrap into your main scss file or include it as a css stylesheet.
@import '~bootstrap/scss/bootstrap';
Additions and Alternatives
Bootstrap Native
Bootstrap Native replaces the JS portion of Bootstrap 4/5 with a vanilla JS implementation.
It allows you to use Bootstrap's interactive portions without requiring JQuery or popper.js.
Since most existing Bootstrap's JS api uses JQuery commands, this is not a drop-in replacement for Bootstrap.
Note that bootstrap 5 no longer uses jquery.