13 ms·
Bootstrap 4 Alpha 4 Released
- aioprisan 10y agoThoughts on when 4.0 stable will come out?
- afarrell 10y agoSuper excited for flexbox support.
- baby 10y agoWhat's new? I haven't been following bootstrap 4, ( especially since I switched to http://semantic-ui.com/ http://semantic-ui.com/ ). * I see a list of themes priced at 100$ :/ (maybe that's a good thing?) * "Moved from Less to Sass". OK, that's a late addition but always welcomed. (Although there was already an unofficial sass version of bootstrap.) * "Opt-in flexbox support is here". Why would flexbox not be opt-out? * "giving you more opinionated resets like box-sizing: border-box". About fucking time.
- mtmail 10y agoThe blog post for the first Alpha lists a couple of major changes compared to Bootstrap 3 http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/ http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
- CommanderData 10y agoJust checked out semantic and I really like what it offers. But file size is a concern for my use case. Min css and js combined are almost 800 kB. Just button.min.css size is almost as large as bootstrap.min.css
- deecewan 10y agoThere was a good video floating around of reasons to not use flex for the overall page layout, due to resizing as the content loaded. I still do, but I can see why it's opt-in rather than opt out.
- pastullo 10y agowow semantic-ui it's amazing! Quite heavy but love it and so flexible!
- flukus 10y ago> I see a list of themes priced at 100$ :/ (maybe that's a good thing?) I can see the utility in this. It's like an app store for bootstrap themes. The alternative is scouring the web, suffering the choice anxiety, working out if everything is compatible, etc.
- elcct 10y agoThese themes are built with Bootstrap 3
- eloisant 10y agoHow is that a good thing (sass)? That means that instead of having a full JS build now they need Ruby too...
- Olap84 10y agohttps://github.com/medialize/sass.js https://github.com/medialize/sass.js
- Rafert 10y agoAccording to http://blog.sass-lang.com/posts/809572-sass-35-release-candidate http://blog.sass-lang.com/posts/809572-sass-35-release-candi... the C++ based libsass is almost 100% compatible with Ruby Sass.
- WorldMaker 10y agoYes, but it's still a painful native dependency in the otherwise Node-based build process. Native dependencies are getting better in Node, but still have many painful edge cases.
- baby 10y agowhat's the issue with that?
- Accacin 10y agoWhy not just use something like Susy? I can't stand these grids unless I'm quickly trying to prototype something.
- mixmastamyk 10y agoBeginning to wonder why they need to break compatibility so often?
- tangue 10y agoMany frontend devs (including a younger version of myself) don't care about compatibility and have a "let's rewrite everything" mentality.
- ebbv 10y agoBecause it's not meant for you to upgrade an existing front end from Bootstrap 3 to Bootstrap 4. It's meant for starting a new project on Bootstrap 4. If you already have a working project on Bootstrap 3 why bother upgrading? If they had to maintain backwards compatibility they wouldn't be able to make a lot of the improvements they make.
- niftich 10y agoPresumably because at some point Bootstrap 3 will stop getting bug fixes. Historically, what has been their end-of-life policy?
- niftich 10y agoSo based on their github and some searching with google, historically they didn't have much of an end-of-life policy, because there were no bugfix releases for v1.x.x after v2 came out, and no bugfix releases for v2.x.x after v3 came out: v3.0.0 - 2013-08-19 v3.0.0 RC1 - 2013-07-27 v2.3.2 - 2013-07-27 v2.3.1 - 2013-03-01 v2.0.0 - 2012-01-31 v1.4.0 - 2011-11-03 v1.3.0 - 2011-09-16 With major version 4 still being in alpha, there are concurrent releases of 3 going on still, but based on their previous releases, I don't expect a v3 bugfix release after 4.0.0.
- yRetsyM 10y agoThey mention in the original alpha release article this was a mistake. They plan on supporting and bug fixing for the foreseeable future with bootstrap3 http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/ http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
- CommanderData 10y agoTested and looks like compatibility is broken with offsets , changes to btn sizes, label margins and looks like custom style for select form elements has changed or removed. I think its best not to use this in any projects until its out of beta.
- Scarbutt 10y agoWhat CSS framework is recommend these days if you can afford being flexbox only?
- samayshamdasani 10y agoI'm a big fan of bulma.io
- sebslomski 10y agoWhat for do you need a framework? For buttons? For the grid? You most likely have to adjust them anyways, so why not make a clean approach without the bloat (in a sense of coding style [I'm very much into BEM]) of a framework?
- Scarbutt 10y agoyeah, mostly for the design part and CSS quirks among browsers. I do want to start with just sass and flexbox only though, but don't know how much hassle it will be. Thanks for mentioning BEM, do you use it with sass?
- nailer 10y agoI use SASS mixins specifically instead of BEM: this keeps styling out of my HTML (no visual classes to change) at the expense of a few bytes.
- sanswork 10y agoFor me I always start with a framework because then I have easy access to templates.
- collyw 10y agoI wouldn't have a clue where to start. Far easier just to grab a pre-made framework like this.
- technojunkie 10y agoFor vast majority of websites, no need to use framework. Work from scratch. No resets, no normalizing, nothing. Add in components as you go. Keep it light and bug free this way. Frameworks are unnecessary for most projects.
- fideloper 10y agoHas bootstrap been this slow to roll out future versions before? Feels like the main contributors are losing interesting/available time? (releases: https://github.com/twbs/bootstrap/releases https://github.com/twbs/bootstrap/releases)
- soupshield 10y agoI seen an issue on github[0] which mentions that a lot of development time is still spent on version 3, which is slowing down progress on version 4. I suppose future versions might take longer to roll out if they're supporting the previous version at the same time. 0: https://github.com/twbs/bootstrap/issues/20631 https://github.com/twbs/bootstrap/issues/20631
- usaphp 10y agoI see a lot of people here and on GitHub project page complaining about compatibility with older versions of bootstrap. I don't get it - if your project is already working on older version of bootstrap - why even bother updating it, I mean it's only CSS code, it's not like it will bring you any speed improvements or something...I think it's neither bad or good thing that new version of bootstrap less and less compatible with older versions, this way at least we can get things like flexbox and drop support for older browsers for our new projects, without sacrificing it just for a sake of compatibility. From my experience it takes more time and issues from upgrading cars library compared to just keep using the older version.
- brianwawok 10y ago> I mean it's only CSS code, it's not like it will bring you any speed improvements or something Most people who use bootstrap3 use the JavaScript also. I suspect the worry is in 2 years (or however long they are bug fixing bootstrap3), newer browsers will start to break on bootstrap3, and you will have a complex way forward. What bootstrap4 is doing is good, but it also can cause pain for users of bootstrap3.
- cloverich 10y ago> newer browsers will start to break on bootstrap3 Is that a common thing for browsers to break on older, previously compatible CSS?
- jaredklewis 10y agoNo, this fear seems totally unfounded.
- wongarsu 10y agoAre there any cases of browsers breaking on older web standards? The only things I can think of that ever broke are plugins (Java, Flash) and vendor-specific extensions (e.g. lots of IE quirks).
- ausjke 10y agoIt's said Bootstrap5 will possible use postcss, which is great. Hope this can be released soon, I honestly feel tired waiting for Angular2 and Bootstrap4 and I began to use something else instead(vuejs that is, stuck with Bootstrap3)
- victor22 10y agoBootstrap 3 was released 3 years ago and the 4 has been on beta for 1 year now, so Bootstrap 5 will probably use something newer than postcss.
- Rafert 10y agoVersion 4 was in development for a year when the first alpha was released, and now a year later they've released the fourth alpha version. It's not at beta yet.
- flukus 10y agoIs that 3 releases in a row where they've changed their css compiler?
- rspeer 10y agoIt may be that changing the CSS compiler is the only change they make that's big enough to warrant changing the major version number.
- justrossthings 10y agoWe've been using maximum of 1140px col-xl width since 1920x1080 was considered the bleeding edge, but now monitors with 2560x1440 resolution are becoming more common- where 1140 barely covers half the width of the screen. Isn't about time we had a grid container that fixed this?
- treve 10y agoStop using grids and use flexbox instead!
- brianwawok 10y agoWhat is the average resolution of a phone held vert?
- wongarsu 10y agoAverage of all phones is likely pretty bad, considering quality and quantity of cheap chinese phones. The average of your visitors is probably much better, but still a meaningless number. More interesting: the Galaxy S7 has a 2560x1440 display. Same for the HTC 10 and the LG V10. The iPhone 6 Plus has a 1920×1080 display, with the iPhone 7 about to be revealed.
- angry-hacker 10y agoBut these phones are not that wide when it comes to CSS pixels. This is just resolution. I believe latest iPhone is 414px.
- rangibaby 10y agoA page that wide doesn't sound very practical unless you want lots and lots of columns. I was taught that an average 10 words per line is best for reading.
- WorldMaker 10y agoLots of columns can be great. Newspapers have been doing that for centuries.
- deleted 10y ago[deleted]
- jiggly_piff 10y agohttp://v4-alpha.getbootstrap.com/getting-started/flexbox/ http://v4-alpha.getbootstrap.com/getting-started/flexbox/ praise jah
- donmb 10y agoGood stuff but that blue CTA color is somehow causing eye cancer.
- flukus 10y agoFor anyone like me wondering what this flexbox stuff was all about: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Reminds me of swing and similar layout managers.