Differences

This shows you the differences between two versions of the page.

--- buster:bootstrap [2021/06/04 16:39] – created slack
+++ buster:bootstrap [2022/04/03 14:40] (current) – slack
@@ Line 1: / Line 1: @@
-    yarn add boostrap jquery @popperjs/core
+Use Webpacker for Bootstrap/JS, and keep Sprokets for CSS and images (it is simpler).
+Don't fuck about with where CSS etc goes.
+Install:
+  yarn add boostrap jquery @popperjs/core
+Add to ''javascript/packs/application.js'':
+  // Bootstrap 5
+  import 'bootstrap'
+  import "bootstrap/dist/css/bootstrap"
+And test in a view:
+  .alert-success Bootstrap!