Bootstrap: Difference between revisions
Created page with "[https://getbootstrap.com/ Bootstrap] is the most popular CSS framework. It was developed by Twitter. =Alternatives= ==Bootstrap Native== [https://github.com/thednp/bootstra..." |
|||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
[https://getbootstrap.com/ Bootstrap] is the most popular CSS framework. It | [https://getbootstrap.com/ Bootstrap] is the most popular CSS framework.<br> | ||
It has an excellent set of examples on it's website for all of its functionality.<br> | |||
==Getting Started== | |||
Add bootstrap using npm | |||
<pre> | |||
npm i bootstrap | |||
</pre> | |||
=Alternatives= | Import bootstrap into your main scss file or include it as a css stylesheet. | ||
==Bootstrap Native== | <pre> | ||
[https://github.com/thednp/bootstrap.native Bootstrap Native] replaces the JS portion of Bootstrap with a vanilla JS implementation. | @import '~bootstrap/scss/bootstrap'; | ||
</pre> | |||
==Additions and Alternatives== | |||
===Bootstrap Native=== | |||
[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> | |||
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. |