User Tools

Site Tools


buster:bootstrap

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
buster:bootstrap [2021/06/04 16:43] slackbuster:bootstrap [2022/04/03 14:40] (current) slack
Line 1: Line 1:
 +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   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!
 +
buster/bootstrap.1622825039.txt.gz · Last modified: 2021/06/04 16:43 by slack