Bootstrap: Difference between revisions

(4 intermediate revisions by the same user not shown)

Line 1:

[https://getbootstrap.com/ Bootstrap] is the most popular CSS framework. It ~~was developed by Twitter~~.

[https://getbootstrap.com/ 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

<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';

~~While not fully interchangable with Bootstrap, it~~ allows you to use Bootstrap's interactive portions without requiring JQuery or popper.js.

</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.

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.

@@ Line 1: / Line 1: @@
-[https://getbootstrap.com/ Bootstrap] is the most popular CSS framework. It was developed by Twitter.
+[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';
-While not fully interchangable with Bootstrap, it allows you to use Bootstrap's interactive portions without requiring JQuery or popper.js.
+</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.