How to use Bootstrap with CSSBundling Rails

[oli]

Great video. Slowly getting more comfortable with the new bundling methods. I really do hate having a million Node modules in my app which I know nothing about!

[dheeraji]

Great video! I learned so much in just 10 minutes. Thank you!

[MEHDI.NIAZI]

hi thank you for this great tutorial, i want to use RTL version of bootstrap 5 how to do that?

[tallerrails]

Great tuto but dropdown doesn't work. My versions: rails 7.0.1 - ruby 3.0.3 - bundler 2.2.33 - npm 8.3.1 - yarn 1.22.17 - ubuntu 20.04 . Bootstrap classes ok but popper. Any suggestions thx

[ernatercero]

Thanks for the video, however I am getting this issue trying to click on the Dropdown menu: Uncaught SyntaxError: Cannot use import statement outside a module, hope you can help me with that.... :-)

[simple-coding-guy]

Question for you(or anyone who can help). I have a Bootstrap template that I'm working off of that uses an Owl Carousel. I could use 'yarn add owl.carousel' and make it slightly work, but in order to make it look exactly like the static page, it requires a bootstrap.min.js/css and an owl.carousel.min.js file. These files don't get compiled like others do and if I try adding them to the application.js/css with the yarn build/yarn run build:css commands, it throws errors. Is there something special we can do with the minified files to make them work?
I hope this makes sense.

[HAFIZZOHAIBdilawer]

How To Add Custom Js and Css Files via importmap

[reiniergarcia]

How to properly run this in rails 6? I tried it and is not working properly the navbar using bootstrap. Is styled but seems like is not working the javascript code, because is not showing the nested menu options (the dropdown). I added jsbundling and cssbundling.

[kevink.]

Hello, great video thanks for sharing! Everything works fine with bootstrap, I then tried to make sass work but impossible it does not want to work. I used the command "rails new project_name -d postgresql -j esbuild --css bootstrap sass" and activate gem sass.
Do you have an idea to make this work ?

[rayapputih]

hi bro, i was following this tutorial but actually i have an issue like this ~The asset "application.js" is not present in the asset pipeline.~

[jfbcodes]

sadly this no longer works; using the shortcuts -j and -c like rails new BootstrapTest6 -j esbuild -css bootstrap leads to Don't know how to build task 'css:install:css' (See the list of available tasks with `rails --tasks`); As well, doing it the normal way now leads to a Bootstrap that doesn't have JS working.

[thememo]

Hello People,

I have this issue, Could you help me, please?

I followed the video and it gave me this result. What steps do I need to take? >

run npm set-script build:css "sass --no-source-map --load-path=node_modules" from "."
run yarn build:css from "."
Error: Can't find stylesheet to import.
│ @import 'bootstrap/scss/bootstrap';

1:9 root stylesheet