5,332
edits
Bootstrap: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
[https://getbootstrap.com/ Bootstrap] is the most popular CSS framework.<br> | [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> | 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> | |||
Import bootstrap into your main scss file or include it as a css stylesheet. | |||
<pre> | |||
@import '~bootstrap/scss/bootstrap'; | |||
</pre> | |||
==Additions and Alternatives== | ==Additions and Alternatives== | ||
===Bootstrap Native=== | ===Bootstrap Native=== | ||
[https://github.com/thednp/bootstrap.native Bootstrap Native] replaces the JS portion of Bootstrap with a vanilla JS implementation. | [https://github.com/thednp/bootstrap.native Bootstrap Native] replaces the JS portion of Bootstrap 4 with a vanilla JS implementation.<br> | ||
It allows you to use Bootstrap's interactive portions without requiring JQuery or popper.js. | 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. | 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. | |||