Bootstrap 3 preview

Post by jackmoore » Sun, Mar 10, 2013, 9:10 PM UTC

jackmoore wrote: post #99

rkuykendall-com wrote: post #45

Earlier quoted context omitted.

This is the new scaffolding section: http://rc.getbootstrap.com/css/#grid-system I've only been using bootstrap for a week, but I instantly noticed that the grid elements were separated not with a left margin, but with both left and right padding. This is going to be fantastic, and shows their responsive first thinking.

Why does padding make it more responsive than using margins? I've considered using padded grids as well, but was discouraged because it would lead to more markup if you don't want background images/color to bleed into your gutters.

Post by waleedka » Sun, Mar 10, 2013, 9:33 PM UTC

Goopplesoft wrote: post #102

waleedka wrote: post #100

For comparison, also check Foundation 4.0, launched about 10 days ago. Foundation seems to be slightly ahead (as in, already launched) in moving to newer technologies (mobile-first, border-sizing:border-box, ..etc). http://www.zurb.com/article/1173/foundation-4-is-here-the-sm...

>Foundation seems to be slightly ahead in moving to newer technologies (mobile-first, border-sizing:border-box, ..etc). Check out "Layout and grid system" section here: https://github.com/twitter/bootstrap/pull/6342 , it specifically mentions border-sizing: border-box is being used and in the top in bold it says "Bootstrap 3 will be mobile-first"

Post by [deleted] » Sun, Mar 10, 2013, 10:09 PM UTC

dictum wrote: post #66

alexvr wrote: post #50

Earlier quoted context omitted.

Not everyone is a HTML/CSS hacker. It's a really valuable front-end framework. My app wouldn't look nearly as professional without it.

It's OK for the first iterations, but if you really care about your product, you should hire a HTML/CSS hacker.

Post by gavinballard » Sun, Mar 10, 2013, 10:15 PM UTC

baby wrote: post #93

rkuykendall-com wrote: post #45

Earlier quoted context omitted.

This is the new scaffolding section: http://rc.getbootstrap.com/css/#grid-system I've only been using bootstrap for a week, but I instantly noticed that the grid elements were separated not with a left margin, but with both left and right padding. This is going to be fantastic, and shows their responsive first thinking.

Weird that the Grid section is buried in the CSS section where it's the most important. See, I like that Foundation starts by explaining directly how the grid system works. That columns need to be in rows, etc... Overall Bootstrap's documentation is better, but it lacks this Grid System first approach. Still no border-sizing:border-box. Which makes me still root for Foundation. Buuut, there is now a better nesting (F…

Post by lowboy » Sun, Mar 10, 2013, 10:21 PM UTC

gavingmiller wrote: post #85

A big heads up for anyone thinking of switching. Bootstrap 3 "Drops IE7/FF3x support entirely." ref: http://blog.getbootstrap.com/2012/12/10/bootstrap-3-plans/