[HN Gopher] Bootstrap 5 Released
___________________________________________________________________
Bootstrap 5 Released
Author : mkurz
Score : 130 points
Date : 2021-05-05 19:53 UTC (3 hours ago)
(HTM) web link (blog.getbootstrap.com)
(TXT) w3m dump (blog.getbootstrap.com)
| towergratis wrote:
| Congrats. For version 6 can you please add an autocomplete input
| element/feature?
| ksherlock wrote:
| Bootstrap 2 had a typeahead but it was removed in BS 3.
| (Possibly in favor of twitter typeahead which was more active
| at the time.)
|
| https://getbootstrap.com/2.0.0/javascript.html#typeahead
|
| https://twitter.github.io/typeahead.js/
| 11235813213455 wrote:
| Like https://developer.mozilla.org/en-
| US/docs/Web/HTML/Element/da...?
| towergratis wrote:
| Yes. But Bootstrap themed.
| rovr138 wrote:
| it's a regular and standard input tag,
| https://jsfiddle.net/4qLv16sx/
| pitaj wrote:
| Many people need support for searching asynchronously over
| the network, but this is neat.
| jonny_eh wrote:
| You can append to the list.
| brianzelip wrote:
| 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.
| mdo wrote:
| Thank you! <3
| snapdeus wrote:
| No more jQuery!
|
| woohoo? o_O
| GordonS wrote:
| 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.
| 11235813213455 wrote:
| I even end up not including/importing the JS files, using CSS
| :hover/:focus-within dropdowns and :target modals
| baby wrote:
| 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.
| _def wrote:
| That's exactly with what I'm struggling right now. I'm building
| a site with nuxt and bootstrap 5. So far I haven't made the js
| work.
| k__ wrote:
| Interesting.
|
| I didn't have such issues with React.
| franga2000 wrote:
| It looks like they managed to keep the amount of unnecessary
| added whitespace to a minimum this update. Kudos! :)
| jph wrote:
| 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!
| herval wrote:
| 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)
| BeautifulWorld wrote:
| Or, just go with w3.css and be happy you have nothing to do with
| Jack Dorsey.
| mdo wrote:
| Snark aside, we haven't had anything to do Twitter for almost
| nine years. They don't do anything for or with Bootstrap :).
| jonny_eh wrote:
| Or PureCSS https://purecss.io/
| BeautifulWorld wrote:
| Awesome! Thank you!
| ammar_x wrote:
| +1 for adding RTL support. Should be added by default for all
| libraries especially that it's not hard to implement with CSS.
| colechristensen wrote:
| 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.
| tshaddox wrote:
| 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:
|
| https://news.ycombinator.com/item?id=22681270
| ceres wrote:
| ... it's still possible today. I mean unless I'm mistaken, I
| think you can still create website with HTML and CSS if you
| wanted to.
| Lammy wrote:
| https://gemini.circumlunar.space/
| BeautifulWorld wrote:
| A wonderful idea, except for the "Benevolent Dictator" part.
| Lammy wrote:
| Somebody has to be there to say "no" otherwise it would
| just turn into HTML-again v(._. )v
| dopidopHN wrote:
| 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.
|
| Maybe I'm wrong but I never crossed my mind.
| cloogshicer wrote:
| I used Bootstrap quite a while ago and the main issue I had with
| it was getting the JS based components to play nice with the
| virtual DOM.
|
| So instead I used a fork like react-bootstrap, but it seemed to
| always lag behind a bit in terms of features/bugfixes, compared
| to the main project.
|
| Is this still an issue, or is there a better approach?
| SmellTheGlove wrote:
| I love bootstrap. Without it everything I make would be ugly. If
| you have zero design sense like me, give it a go.
| RedShift1 wrote:
| Same, bootstrap and bootswatch are a godsend.
| spinny wrote:
| 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
| hu3 wrote:
| I need to sit down and learn flex css property so I can
| replace bootstrap row and col with flex.
| ThatMedicIsASpy wrote:
| Why not grid?
| hu3 wrote:
| TIL there's also grid.
|
| And it seems to be well supported:
| https://caniuse.com/css-grid
|
| Thank you.
| mdo wrote:
| Yes, and we'll be adding support for that as opt-in in
| v5.1.0! Here's a little teaser: https://deploy-
| preview-31813--twbs-bootstrap.netlify.app/doc....
| MangoCoffee wrote:
| agree
| paozac wrote:
| 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.
| fuzzy2 wrote:
| 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.
|
| Tailwind UI is not free.
| hapidjus wrote:
| I switched from using Bootstrap to Tailwind, to be fair I
| mostly used Bootstrap for columns and the responsive
| utilities.
| ysleepy wrote:
| Does it finally have a built-in dark theme?
|
| Made my own previously using a customizer gui, but tuning all the
| colours, shadows, transparencies etc. so it looks good has no
| end.
| mdo wrote:
| 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.
| mooman219 wrote:
| Typo in https://getbootstrap.com/docs/5.0/components/scrollsp
| y/#exam...
|
| "Thidd heading"
| amanzi wrote:
| I'm curious about this too. In the past I've used the free
| themes from Bootswatch: https://bootswatch.com/
|
| e.g. Flatly and Darkly can be swapped in and used as a
| light/dark theme easily.
|
| Also, means your site doesn't look as generic as the base
| Bootstrap theme.
___________________________________________________________________
(page generated 2021-05-05 23:02 UTC)