Tailwind/Bootstrap?
Werp. Just found it in the docs! 🙌
"Jumpstart leverages Stimulus.js for a variety of interactive components."
"This application template utilizes Tailwind CSS as a utility-first approach"
"Jumpstart leverages Stimulus.js for a variety of interactive components."
"This application template utilizes Tailwind CSS as a utility-first approach"
Yeah! So we basically built a lot of Bootstrap similar classes using Tailwind. That way you get the best of both worlds.
The utilities have been amazing to have to make tweaks to the design as needed. That was always the hardest part of customizing Bootstrap.
And feel free to add jQuery into Webpacker if you need it. We don't use it anywhere by default, but you're welcome to.
The utilities have been amazing to have to make tweaks to the design as needed. That was always the hardest part of customizing Bootstrap.
And feel free to add jQuery into Webpacker if you need it. We don't use it anywhere by default, but you're welcome to.
Ryan, I would have agreed with you a few days ago, until I started peeling back the docs on tailwind. I actually think I may end up liking tailwind more than bootstrap because of the flexibility once you understand the idiosyncrasies of it. (Who knows, I could just think it is cool because it is newer to me and a few months from now not like it at all, haha). I definitely like the idea of a flexible grid system though, each row can be it's own individual object(per-say) and behave how it is designated.
Bootstrap conflicts in several areas as it reuses some of the same class names unfortunately.
I'll be updating the forms shortly to use these for nicer radio buttons and checkboxes. https://tailwindcss-custom-forms.netlify.com/
Were you trying to add in styled radio buttons or something else?
I'll be updating the forms shortly to use these for nicer radio buttons and checkboxes. https://tailwindcss-custom-forms.netlify.com/
Were you trying to add in styled radio buttons or something else?
If anyone knows of a place with TailwindCSS themes can be purchased, that might also help me found a few sites with about 10 themes, but none more).
As for tailwind / bootstrap I would suggest support for both. I agree with
At this point I think I am going to replace Tailwind with Bootstrap.
module.exports = { prefix: 'tw-',
Then all your Tailwind classes are still available, they just require the "tw-" prefix. Bootstrap doesn't provide near enough utilities for aligning things, so you'll almost certainly still want to keep Tailwind and this would be a good way of having both.
Thanks
Chris Oliver
. Follow up question: If I make this change do the existing scaffolds build the forms with that new prefix or am I manually adding them?
It’s probably too late now with Jumpstart but perhaps that should be set by default so that future users are not required to go back and edit all their Class tags.
It’s probably too late now with Jumpstart but perhaps that should be set by default so that future users are not required to go back and edit all their Class tags.
Also, since I am already basically on that issue - what is the best way to use the jumpstart template to ensure easy updates in the future? On the first test app I just downloaded the zip and ran the updates and npm commands, etc. from the zip extraction that I put in rubymine. I do understand this is likely not the best way to do this at all but I wanted to get started quicker than normal just to test out what all the template can do. Now that I better understand, if I were to start a real app using the template from scratch, what would be the best practice to ensure future updates can be applied with a command, and not needing to copy paste the files into the directories?
Thanks
I asked the same question and
'The instructions for updating your repo to the latest version are included on the license page. You'll have to set it up as a git remote and merge changes down.'
I had a closer look at Tailwind. I think I am onboard with it. It's quite powerful now that I understand it's features and functionality. The Bootstrap items I am missing are the grouped buttons, form items, dropdowns etc. Those pre-rolled interface items are nice to have without having to build the CSS from scratch.
For anyone new to Tailwind I highly recommend watching some of Adam Wathan's 'Rebuilding...' videos on YouTube where he takes an existing website and rebuilds the design in Tailwind live, piece by piece.
You'll see how crazy fast and flexible Tailwind is. Granted, he's the creator so he'll know it better than anyone else but it does show how you can build layouts and components that are not possible with Bootstrap.
You'll see how crazy fast and flexible Tailwind is. Granted, he's the creator so he'll know it better than anyone else but it does show how you can build layouts and components that are not possible with Bootstrap.
I wonder though is there any full fledged themes out there for tailwindcss similar to the ones bootstrap offers.
https://themes.getbootstrap.com/
https://themes.getbootstrap.com/
Here is the tweet https://mobile.twitter.com/adamwathan/status/1112101755888648192
I like tailwind but I suck at designing and I’m lazy too
Notifications
You’re not receiving notifications from this thread.