Live data from Hacker News

Bootstrap 4 Alpha 6 Released

blog.getbootstrap.com

11–20 of 64 posts

Re: Bootstrap 4 Alpha 6 Released

#11
what is the compatibility store for third party components/themes based on bootstrap.

one of the things I love about bootstrap is being able to google "bootstrap " and get something that works and looks nice.

will these third party components need to be re-written and support multiple bootstrap versions?

Re: Bootstrap 4 Alpha 6 Released

#12
post #10

Another Alpha? Am I correct in feeling like the fanfare for BS4 was a little premature?

This is last alpha. Next release in pipeline will be first Beta. Also I would cut BS folk some slack. They are maintaining most popular OS project on Github. The maintenance burden for previous release was unimaginable and terrific, effectively pulling them down until they decided to make harsh decision of ceasing work at Bootstrap 3 and focusing at BS4 exclusively.

It's also worth noting that the lead maintainer, Mark Otto, is also simultaneously heading design at GitHub as well. Not entirely two small things to deal with in your life, ha. :)

Re: Bootstrap 4 Alpha 6 Released

#13
post #11

what is the compatibility store for third party components/themes based on bootstrap. one of the things I love about bootstrap is being able to google "bootstrap " and get something that works and looks nice. will these third party components need to be re-written and support multiple bootstrap versions?

> what is the compatibility store for third party components/themes based on bootstrap.

I can't speak to components, but for themes there's already a migration guide, and I'd expect to see tools that help with the conversion since they're conceptually similar.

https://v4-alpha.getbootstrap.com/migration/

> will these third party components need to be re-written and support multiple bootstrap versions?

They'll need to be updated, but it's a one way trip. It wouldn't surprise me to see popular themes maintain Bootstrap 3 and Bootstrap 4 versions in parallel for a while.

Re: Bootstrap 4 Alpha 6 Released

#15

> Automatic equal-width grid columns (e.g., two columns are automatically 50% wide) This is not entirely accurate and I know it as the developer of Picnic CSS ( http://picnicss.com/ , which has been using flexbox for a while). The columns will only be equal width with the same content or some smaller content, similarly to how table works. Case in point: https://jsfiddle.net/q39rq6eu/ If the columns were equal-width,…

Off topic from OP but do you guys have a work-around for this issue in Safari that's still present to this day? https://bugs.webkit.org/show_bug.cgi?id=137730 (test: https://people-mozilla.org/~dholbert/tests/flexbox/compat_te...) It's been fixed in all other browsers and it's really killing the ability to go full blown flexbox

Re: Bootstrap 4 Alpha 6 Released

#16

> Automatic equal-width grid columns (e.g., two columns are automatically 50% wide) This is not entirely accurate and I know it as the developer of Picnic CSS ( http://picnicss.com/ , which has been using flexbox for a while). The columns will only be equal width with the same content or some smaller content, similarly to how table works. Case in point: https://jsfiddle.net/q39rq6eu/ If the columns were equal-width,…

You're showing an arbitrary HTML snippet here, not Bootstrap's grid system. Add the grid markup and make sure your image is responsive, and you'll get https://jsfiddle.net/q39rq6eu/6/.

Re: Bootstrap 4 Alpha 6 Released

#17
I spent some time on a UI prototype project using Bootstrap 4, and I really liked it. I've been a big fan of ZURB Foundation for some time, and I still prefer it for content rich sites, but if I were starting a project that's principally an app UI, Bootstrap 4 is a no-brainer. Well done team!

Re: Bootstrap 4 Alpha 6 Released

#18

> Automatic equal-width grid columns (e.g., two columns are automatically 50% wide) This is not entirely accurate and I know it as the developer of Picnic CSS ( http://picnicss.com/ , which has been using flexbox for a while). The columns will only be equal width with the same content or some smaller content, similarly to how table works. Case in point: https://jsfiddle.net/q39rq6eu/ If the columns were equal-width,…

Not true, see here: https://jsfiddle.net/2om8t67a/3/ Images act a bit weird in flex though, so it might be true for img elements as direct children of flex containers, but for normal content it's not.

Re: Bootstrap 4 Alpha 6 Released

#20
post #15

> Automatic equal-width grid columns (e.g., two columns are automatically 50% wide) This is not entirely accurate and I know it as the developer of Picnic CSS ( http://picnicss.com/ , which has been using flexbox for a while). The columns will only be equal width with the same content or some smaller content, similarly to how table works. Case in point: https://jsfiddle.net/q39rq6eu/ If the columns were equal-width,…

Off topic from OP but do you guys have a work-around for this issue in Safari that's still present to this day? https://bugs.webkit.org/show_bug.cgi?id=137730 (test: https://people-mozilla.org/~dholbert/tests/flexbox/compat_te... ) It's been fixed in all other browsers and it's really killing the ability to go full blown flexbox

Remove 100% height, add "display:flex" to "containingBlock" and "content"
Post reply on HN