Live data from Hacker News

Why the Bootstrap 3 Grid Works (2013)

helloerik.com

21–30 of 91 posts

Re: Why the Bootstrap 3 Grid Works (2013)

#22

I can't help but feel bad for people who worry about this kind of thing.

Indeed. I mean I love grids, but only as a tool in architecture and design. Why some people see the need to transfer them programatically onto their CSS---when regular CSS with media queries will do just fine---is beyond me.

Re: Why the Bootstrap 3 Grid Works (2013)

#23
post #8
post #7

Earlier quoted context omitted.

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.

Isn't he saying that you should always use a container?

Any content should always be in a container. The 15px margin keeps the content from laying against the side of the browser. If you want to do a fullscreen background or image or something then you don't need the container.

Re: Why the Bootstrap 3 Grid Works (2013)

#25
Bootstrap's grid really is nice. I really prefer Bootstraps grid over something like Bourboun's Neat grid system[0] where I have to pollute my CSS with include statements.

I've also been looking into http://purecss.io/ since it's grid is similar but the CSS package is lighter.

[0] - http://neat.bourbon.io/

Re: Why the Bootstrap 3 Grid Works (2013)

#26
What if you wanted the gutter between columns to be the same width as the padding to the edge of the screen? E.g. in the "Columns" screenshot, gutter = 30px, but screen edge padding = 15px. How would I achieve the same value for both? (I'm not a Bootstrap user.)

Re: Why the Bootstrap 3 Grid Works (2013)

#27
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 have no experience with PureCSS but I've found Bootstrap very dependable. If you're designing for multiple screen sizes be sure to take the time to assign multiple column sizes (col-xs, col-sm,...) to columns.

Re: Why the Bootstrap 3 Grid Works (2013)

#28

Bootstrap's grid really is nice. I really prefer Bootstraps grid over something like Bourboun's Neat grid system[0] where I have to pollute my CSS with include statements. I've also been looking into http://purecss.io/ since it's grid is similar but the CSS package is lighter. [0] - http://neat.bourbon.io/

> I really prefer Bootstraps grid over something like Bourboun's Neat grid system[0] where I have to pollute my CSS with include statements.

What about creating silent classes for the column sizes you use and `@extend`ing those classes?

  %three-columns {
    @include span-columns(3);
  }
  
  .sidebar {
    @extend %three-columns;
  }
  
  .menu {
    @extend %three-columns;
    background-color: #facade;
  }

Re: Why the Bootstrap 3 Grid Works (2013)

#29
Best description of the messy state of HTML: hacking a flowing document markup language to implement GUI. Why couldn't we just get all the nice XAML/WPF containers in HTML5? Instead we get one more way of delivering streaming video. Most developers have to deal with layouts - let's focus on fixing that instead.

Re: Why the Bootstrap 3 Grid Works (2013)

#30

Bootstrap's grid really is nice. I really prefer Bootstraps grid over something like Bourboun's Neat grid system[0] where I have to pollute my CSS with include statements. I've also been looking into http://purecss.io/ since it's grid is similar but the CSS package is lighter. [0] - http://neat.bourbon.io/

Funny I think a lot of people would say the opposite. That they'd rather the grid code was in their CSS than in their HTML. Makes it much easier to change layouts if your grid code is defined in the CSS itself. Plus you get to manage them per screen-size however you want. To each their own.
Post reply on HN