Hacker News Reader

Comment by rkuykendall-com | Hacker News Reader

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.

View on HN

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 (Foundation-like) where there is no need to write row-fluid. Which is good.

I believe Bootstrap 3 does in fact use border-box - hence the padded grids and a major driver behind the drop in support for IE7.

No signs of border-box in the code.

https://github.com/twitter/bootstrap/blob/3.0.0-wip/less/gri...

You might be looking at the 2.3.1 (master) branch, which didn't use border-box :).

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.

Just realized one big advantage padded grid is to be able to use the grid classes on table-cell elements.

Reply on news.ycombinator.com