John_Shelby
Hello,
When I upgraded to phoenix 1.7, core components with tailwind CSS are now available. Does anyone have rewritten classes for these components in Bootstrap CSS please? I have little experience, I want to use these components, but at the same time I have no idea how to efficiently convert them to Bootsrap CSS.
I knew I couldn’t convert it 1:1, but I was asking for an alternative.
If anyone has a conversion to Bootsrap and shares, I’d appreciate it.
Thank you very much for any help! 
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Producing high quality Elixir screencasts since 2017.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixir-ls
- #ai
- #elixirconf-us
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
Producing high quality Elixir screencasts since 2017.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 4- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
7rans
It shouldn’t be too difficult, just a bit time consuming.
You could start by converting all the tailwind classes to inline styles. With the exception of a few css variables that’s rather straightforward translation. Then you’d have equivalent functionality but no longer need tailwind dependency.
After that you can migrate to bootstrap at your leisure. See Phoenix 1.8 and Bootstrap 5 · FullstackPhoenix for some ideas on this.
simonangatia
@John_Shelby Were you able to re-write the co_component.ex into Bootstrap or got someone else’s implementation? If yes, could you kindly share the implementation?
jmnda
Hello, I have linked to a repo I was using before I migrated from Bootstrap to Flowbite. The repo has
core_components.exwith Bootstrap styles. I have striped away the personal stuff so it’s just a bare dashboard template. I have added some simple LiveViews forProductandProductCategoryto see the components in action.Repo: GitHub - jmnda-dev/phx-bootstrap-dashboard: A Phoenix framework bootstrap dashboard with Bootstrap styles `core_components` · GitHub
The Modal and some form inputs have some of their styles in the
app.scssfile. You can follow the ReadMe for setup instructions.If you have any questions let me know.
simonangatia
Thank you so much. It really helped me.