Bootstrap 5 + esbuild in Ruby on Rails 7

With the introduction of the new asset pipeline, many new tools are available for you to use.

So the question is, "How do you install Bootstrap in Rails 7?"

By the end of this video, you'll know two ways to install Bootstrap and how to fix a problem with the installer.

#rubyonrails #rails7 #assetpipeline #bootstrap

[fijikiji_prod]

Still works over a year later. Im following a course and it uses rails 6 and my app is in rails 7 and this saved me so much time. Quick and easy to follow

[EstoyProgramando]

Thanks, last time I worked on Ruby on rails 5 and now i have no idea what the hell happened to the asset pipeline. Keep going!

[cakeintech]

This video is priceless it saved my project in under 5 minutes, Keep making these. 👏

[tofudeliverygt]

Incredible production quality and content, thank you sir!

[justinkalish]

Thank you! It works great! If anyone has issues just double check your files vs his. Sometimes a semicolon is added quickly. Sometimes you need to delete a little more.

[kickedoutonthestreets]

You don't have any idea how this less than 5-minute video saved my deadline... THANKS!

[baingfx]

Thank you! It's very useful video and helps resolve my problem.

[alexax]

Great video, thanks for the detailed steps. I installed this on an existing ror app and after finishing the steps from the video I got the error "Error ActionView::Template::Error (Asset `application.js` was not declared to be precompiled in production." I could fix this by running the rails javascript:install:esbuild
command again.

[lmvivxr]

Thanks, I meet the problem when I using 'rails new -c bootstrap app1' command. Your video help me a lot.

[mr.schway]

where can I add custom css code?
thank you

[raulhespinosa]

Great video,  I have exactly the same thing and dropdowns still not working...

[gono_bf]

I keep getting this error in development: Asset `application.js` was not declared to be precompiled in production.
Declare links to your assets in

Not sure what to do, because if I include the application to the manifest file, the dropdown keeps not working.

[matiasbg]

hey! how display form in bootsrap modals?...

[shuxun]

Thanks! Btw i have a question on a warning
When i do javascript:install:esbuild it did fix the bootstrap dropdown menu but now my app gave preload error warning and make new request every page change

Is it fine? Or is there any workaround?

[gregs]

What about having Bootstrap and staying with importmaps? How do you do that?

[yeurys]

i installed using the -js esbuild --css but the functions for the bootstrap navbar wont work. been trying for a while now.. pls help

[farsiteguide]

Thank you for video, but Im still stuck with same problem. Dropdown work sometimes, not always. On one site is random, cant see pattern. On other site dropdown does not work after I log in, or sometimes after I log out, but if I then refresh page, drop down works fine. I would be grateful if someone can help as Im having problem with this for weeks.

[brainstorm]

i am still facing that problems (The asset "application.css" is not present in the asset pipeline.)
plz sove this
thanks
🙏🙏

[xttvdzh]

The link to the course is getting a 500 error

[sblsrsv]

Actually creating a new rails app doesn't work with bootstrap + esbuild. Asset pipeline Propshaft or Sprocket choice doesn't matter.