i had the same exact opinion about myself until i tried starting a project with just bootstrap's reboot css file and realized that was enough to get a nice style and build on top of that
Why not both? Grid is superior for defining the overall structure of a page, but flex shines in micro-layouting. (Although the line between them is blurry sometimes).
If you are looking for a quick way to get up to speed with flexbox or css-grid you should check out
https://flexboxfroggy.com/
and
https://cssgridgarden.com/
They are fun little tutorial games that introduce the basics
Neat! I have been using Bootstrap for several years at work and for personal projects. It allows non-ux folks like me to build useable apps quickly. So thank you!
I tried to use it while in Beta and the big issue with these frameworks that include js today is how to use them with other js frameworks like Vue.js. For a js noob like me it’s a nightmare, so much that I had to downgrade to bootstrap 4 to use the unofficial bootstrap-vue framework.
Would you be willing to provide examples of specific issues? I don't want to assume I know where the difficulty lies, and I'm interested in seeing where people have issues.
I wish we could have a sort of hard reset and start over with hypertext where you could present decent looking site after learning a markup language in an afternoon (i.e. my childhood memories from the mid 90s)
I want a new web where every page isn’t an application designed to monetize syping on me and even simple folk can share information without much trouble.
This obviously isn't starting over with hypertext, but here's a HN thread about CSS stylesheets which are designed to apply pleasant styles to content written using simple HTML markup with no classes:
there is not much to be dictatorial about, the gemini standard won't evolve and are designed to resist change. ( it's somewhere in the manifesto or FAQ )
It's kind of it "as-is", and not about the tech. But about being free from it and focusing on producting/consuming content in written form.
Sorry to be defensive, but I've been using a bringing writers to Gemini in the last year, and I never had to think about the governance of the protocol.
Is there a specific example of what didn't work? It's been awhile since I've used react and bootstrap, but I remember that passing refs to the Bootstrap javascript directly (e.g. `tooltip = new bootstrap.Tooltip(ref, options)`) worked
Not yet, sorry! RTL was our big feature addition that came with some significant departures. Tried to keep the breaking changes and overhauls to a minimum compared to the v3-v4 migration.
I find Bootstrap still very useful for a backend UI, where ad-hoc styling is not so important, but it seems to have been taken over by tailwind, the new cool kid. Time will tell.
I don't see how they compete. Tailwind CSS is all utilities. Bootstrap offers components. It also has utilities, yes, but those aren't really the main offering.
Congrats Bootstrap maintainers/contributors! What an impactful project. Perusing the docs over the years, it's been interesting to see how they've incorporated web dev patterns.
I always loved learning and laughing from @mdo and @fat.
Bootstrap + Tailwind is my new favorite combination for front end sites. Bootstrap gets the web app up and running quickly, and then if the customer wants customization, we migrate the relevant areas to Tailwind. Congrats to the Bootstrap team!
I get the impression these are supposed to be mutually exclusive, since both are pretty heavy frameworks? Is that not the case? (I haven't touched frontend directly for a while, so maybe completely mistaken)
Not a Tailwind user (yet?) - but from what I understand, with the right build tooling setup, it's possible to only include additional CSS from Tailwind as needed, i.e., to define only the class names that are used. It could be lighter and more efficient than the classic way of using Bootstrap with a layer of custom styling on top.
yea the suggestion list is a browser specific implementation, so it can vary, on Chrome you can do a little more by passing options labels: https://jsfiddle.net/caub/8cz7skvh/
I recently did a project using Bootstrap 4, using vanilla ES6. Except for the modal dialogs - we couldn't figure out how to do Bootstrap modal event handling without jQuery (e.g. populate a model using an Ajax call when it's opened).
I actually like jQuery, but in this case it quite annoying having to have to bring it in where we needed it only for one tiny piece.
I'm sure we could have figured out a workaround if we spent enough time on it, but eventually you need to give up.
