5 ms·
This is the new scaffolding section: http://rc.getbootstrap.com/css/#grid-system http://rc.getbootstrap.com/css/#grid-system I've only been using bootstrap for
by rkuykendall-com 14y ago
This is the new scaffolding section:
http://rc.getbootstrap.com/css/#grid-system 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.
- baby 14y agoWeird 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.
- gavinballard 14y agoI believe Bootstrap 3 does in fact use border-box - hence the padded grids and a major driver behind the drop in support for IE7.
- baby 14y agoNo signs of border-box in the code.
- gavinballard 14y agohttps://github.com/twitter/bootstrap/blob/3.0.0-wip/less/grid.less#L22-L24 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 :).
- jackmoore 14y agoWhy 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.
- jackmoore 14y agoJust realized one big advantage padded grid is to be able to use the grid classes on table-cell elements.