Live data from Hacker News

Hands on with Bootstrap 3 - A landing page

williamghelfi.com

51–58 of 58 posts

Re: Hands on with Bootstrap 3 - A landing page

#51

"We horizontally centered the content with a .col.lg-6 .col-offset-3." It could do with explanation of or links to what that means. As it is, ".col.lg-6 .col-offset-3" meaning "horizontally centered" is completely opaque to newcomers.

It's a 12 column (col) grid, so a 'col-lg-6' takes up half of the page. 'col-offset-3' adds a 3 column margin on the left, effectively centering the element.

http://getbootstrap.com/css/#grid

Re: Hands on with Bootstrap 3 - A landing page

#53

what are you projected timelines for your book? I need to learn Bootstrap "properly" for a project, sometime in the next 6-12 months, and wondering whether your book will be around in time!

I don't have a certain date, but it won't be too much after the final stable release of Bootstrap 3

Re: Hands on with Bootstrap 3 - A landing page

#54
post #23

One of my biggest complaints with Bootstrap is the grid system (classes or mixins) and the very strict hierarchy of container > row > columns. I find this pattern leads to a lot more extraneous elements than I would like. I'd compare this to [Bourbon Neat]( http://neat.bourbon.io/ ) (which I've only looked over) and [Foundation's grid]( http://foundation.zurb.com/docs/components/grid.html ) mixins which seem to be mu…

The timing of this post is fortuitous, as I'm looking at building a landing page and had a long discussion last night with a front-end developer about using Bootstrap to do it. He's urging me to use Foundation instead. I haven't developed production level front-end code for years, and Bootstrap looks like a quick and easy way to get something up that doesn't look like arse (instead, it looks like Bootstrap). But I am…

Honestly don't get why people can't just use CSS for something like this.

Talk about over-engineering

Re: Hands on with Bootstrap 3 - A landing page

#55
post #23

Earlier quoted context omitted.

The timing of this post is fortuitous, as I'm looking at building a landing page and had a long discussion last night with a front-end developer about using Bootstrap to do it. He's urging me to use Foundation instead. I haven't developed production level front-end code for years, and Bootstrap looks like a quick and easy way to get something up that doesn't look like arse (instead, it looks like Bootstrap). But I am…

Honestly don't get why people can't just use CSS for something like this. Talk about over-engineering

The subject is Bootstrap. The landing page is just a way to show some of Bootstrap...

Re: Hands on with Bootstrap 3 - A landing page

#56

Earlier quoted context omitted.

This is the exact thing I'm talking about. Try doing that without a container as a top-level container so you actually have: Besides what, semantically speaking, is a wrapper anyways?

And what is a div, semantically speaking? Wrapper is the same, only with class attached for identification/styling purposes.

I'm not sure why that is a counter argument. The point I'm making is that I can use Foundation's Grid with a minimum of extraneous container divs levels which I prefer. Bootstrap has a minimum of two.

Bootstrap's grid styles use negative margins and other weirdnesses that make them awkward if not used exactly as they were intended to be. If that's fine for what you're doing great, but I found Foundation's grid easier to use as a result of it's different design.

Re: Hands on with Bootstrap 3 - A landing page

#57
post #6

Last week I switched my project to customized Bootstrap 3. It has lots of useful features compared to previous version and it has a flat UI look and feel. In your example, I would use a larger side margin around the text. Otherwise, it lacks a bit of spacing.

I'd be interested in an article with the new features. I looked at Bootstrap 3, and as someone who casually uses Bootstrap 2, it looks the same to me.

Re: Hands on with Bootstrap 3 - A landing page

#58
post #23

Earlier quoted context omitted.

The timing of this post is fortuitous, as I'm looking at building a landing page and had a long discussion last night with a front-end developer about using Bootstrap to do it. He's urging me to use Foundation instead. I haven't developed production level front-end code for years, and Bootstrap looks like a quick and easy way to get something up that doesn't look like arse (instead, it looks like Bootstrap). But I am…

I don't know why people say Bootstrap is "bloated" and Foundation is not. They are pretty similar, in fact the Foundation CSS has a larger footprint (86kb vs 65kb). I think people say it because Foundation feels more "raw" but this is not a selling point in my opinion. In fact I find that Foundation's biggest flaw is that it's components don't look that hot. I will also agree Bootstrap is a quick and easy way to get…

The bloat argument I was given - and I may be rephrasing it incorrectly - is that for Bootstrap, you include the base CSS and then override a bunch of stuff, so you often end up with elements that get defined in multiple places multiple times. Especially so if you use a "Bootstrap style" on top of the default.
Post reply on HN