Hey solidus team - absolute beginner here :wave: I...
# support
m
Hey solidus team - absolute beginner here πŸ‘‹ I am using solidus-starter-frontend but also would like to use bootstrap. I tried to add
gem 'bootstrap', '~> 5.2.0', gem 'jquery-rails', gem 'sass-rails'
to my Gemfile and import it in my application.scss but, somehow, it doesn't work. Any idea why? Also, I've seen in a tutorial that I'm supposed to create new views to override and customise the frontend. Is that good practice? Or can I just go and modify the existing views? Thank you πŸ™ƒ
j
What's specifically not working when you try to import things?
When you're using Solidus Starter Frontend, you can just edit the views directly in your project.
πŸ‘Œ 1
m
For example, if I try to use the bootstrap navbar, it appears like that
j
I'll admit I'm not really familiar with Bootstrap. Have you removed the existing styles that might be conflicting here?
m
I thought I did, but maybe I need to check again. When I try to apply other styles with bootstrap classes (buttons for examples), it kind of works. Thank you so much for the quick answers!
t
IMHO Bootstrap is based on a lie -- a lie that HTML and CSS is difficult. A lie that continues today with great success to ensure the popularity of Bootstrap and the fat money pockets of its authors. In reality it makes things infinitely more complicated with unsemantic and toxic markup, like cryltic-looking class names and divs inside divs inside divs inside divs. I've just started a cleanup project of the starter frontend, starting with removing everything CSS and JS related. To do this I first had to clone Solidus itself (in my `Gemfile`:
gem "solidus", path: "vendor/solidus
) and first then I could start removing many of the same dependencies which were also referenced there. This is probably not what you want, but just so you know, help is on its way πŸ‘ I'm doing the same thing to the admin too, where in a few months we can all hopefully share the same minimalistic, mobile-first reactive UI with Hotwire/StimulusReflex.