Live data from Hacker News

Why the Bootstrap 3 Grid Works (2013)

helloerik.com

11–20 of 91 posts

Re: Why the Bootstrap 3 Grid Works (2013)

#11
post #7
post #5

What is the preferred method for a row that needs to span the entire width of the container? As in, without the 15px margin on the column? Just set the margins to 0px?

Can't you just not use a column? or not use a container at all? I think the second would be preferred way according to his post.

.col needs to be in a .row which provides clearfix, of course this is only one of the reasons.

Re: Why the Bootstrap 3 Grid Works (2013)

#13
My problem with the Bootstrap grid is the strange choice of breakpoints, especially on the smaller screensize end. It's way too complicated to alter the given breakpoints or add custom ones with Bootstrap. I'd rather use something like Susy for grids. Not so much more effort to set up, but much less limitations. Are you really all ok with Bootstrap's breakpoints?

Re: Why the Bootstrap 3 Grid Works (2013)

#14
post #13

My problem with the Bootstrap grid is the strange choice of breakpoints, especially on the smaller screensize end. It's way too complicated to alter the given breakpoints or add custom ones with Bootstrap. I'd rather use something like Susy for grids. Not so much more effort to set up, but much less limitations. Are you really all ok with Bootstrap's breakpoints?

IMO the smallest (fluid) size kicks in too early, but it's not hard to customise it. You can download a customised build[1], or override the LESS[2] or SASS[3] variables and build it yourself or incorporate it into your asset pipeline.

Personally, I use the SASS build, include only the most basic parts (scaffolding, type, grid, ...), customise the hell out of the variables, and you'd never know it was bootstrap. For reference, http://www.recruiteasy.com.au is a bootstrap-based site, using standard breakpoints.

[1] http://getbootstrap.com/customize/

[2] https://github.com/twbs/bootstrap/

[3] https://github.com/twbs/bootstrap-sass/

Re: Why the Bootstrap 3 Grid Works (2013)

#16
post #3

Wow - I wish I read this a year ago. Would've saved hours of frustration. My #1 gotcha was the issue where the page would allow horizontal scrolling with nothing on the sides. Turns out it was just because I hadn't properly added containers/rows.

This will save us quite some time as our migration to Bootstrap 3 is long overdue and I'm sick of span6 this and row-fluid that. Also, [0].

[0]: https://www.ostraining.com/blog/coding/bootstrap-right-way/

Re: Why the Bootstrap 3 Grid Works (2013)

#17
post #14
post #13

My problem with the Bootstrap grid is the strange choice of breakpoints, especially on the smaller screensize end. It's way too complicated to alter the given breakpoints or add custom ones with Bootstrap. I'd rather use something like Susy for grids. Not so much more effort to set up, but much less limitations. Are you really all ok with Bootstrap's breakpoints?

IMO the smallest (fluid) size kicks in too early, but it's not hard to customise it. You can download a customised build[1], or override the LESS[2] or SASS[3] variables and build it yourself or incorporate it into your asset pipeline. Personally, I use the SASS build, include only the most basic parts (scaffolding, type, grid, ...), customise the hell out of the variables, and you'd never know it was bootstrap. For…

I used the SASS version, too. But I found that in the end all the customization took me more time, than I usually need to set up the site without Bootstrap. For me Bootstrap is now more a helpful guideline than a practical codebase.

Re: Why the Bootstrap 3 Grid Works (2013)

#20
post #12

Is the Bootstrap 3 grid better than the one from PureCSS? I'm building a thing where I use PureCSS only for the grid so I'm wondering if I should replace it with Bootstrap.

I've heard people rant and rave about Bootstrap being superior. I used it a few versions ago, so I couldn't tell you either way, so you might want to check that out too.
Post reply on HN