Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Hands on with Bootstrap 3 - A landing page

williamghelfi.com

Post reply on HN
Print view View original

21–30 of 58 posts

Re: Hands on with Bootstrap 3 - A landing page

#21

Post by ayi »

lucisferre wrote: post #13

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…

you can use semantic naming with bootstrap too.

  .wrapper {
    .make-row();
  }
  .content-main {
    .make-column(8);
  }
  .content-secondary {
    .make-column(3);
    .make-column-offset(1);
  }
  
    ...
    ...

Re: Hands on with Bootstrap 3 - A landing page

#23

Post by jlees »

lucisferre wrote: post #13

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 hearing great things about Foundation as a good basis for long-term development; semantic design being a major point, plus lack of bloat.

Re: Hands on with Bootstrap 3 - A landing page

#25

Post by trumbitta2 »

sologoub wrote: post #22

Nice work! Unfortunately, doesn't really work on either iPhone or Android 4.3 phone - background is not visible and the design doesn't look as stunning. That's the problem with responsive design - very difficult to get perfect.

Thanks :)

The problems you are reporting sound strange to me, because it works on my Android 2.3 with default browser...

BTW, I didn't specifically focus on obtaining a more than "ok" version on mobile, this time ;)

Re: Hands on with Bootstrap 3 - A landing page

#26

Post by roybarberuk »

I don't see the need to use a whole heavy framework for such a simple page. I know it's just a demo but people need to be aware. I bet that page has only used 15-20% of the selectors in bootstrap meaning 80-85% code bloat.

I do like bootstrap, if used correctly and in the right situation.

Re: Hands on with Bootstrap 3 - A landing page

#27

Post by sologoub »

trumbitta2 wrote: post #25
sologoub wrote: post #22

Nice work! Unfortunately, doesn't really work on either iPhone or Android 4.3 phone - background is not visible and the design doesn't look as stunning. That's the problem with responsive design - very difficult to get perfect.

Thanks :) The problems you are reporting sound strange to me, because it works on my Android 2.3 with default browser... BTW, I didn't specifically focus on obtaining a more than "ok" version on mobile, this time ;)

I'm using Chrome on 4.3 (Galaxy Nexus) and safari on the iphone (fully updated to whatever is the latest).

Re: Hands on with Bootstrap 3 - A landing page

#29

Post by dictum »

lucisferre wrote: post #13

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…

>SASS not LESS

Did you try bootstrap-sass? https://github.com/thomas-mcdonald/bootstrap-sass

Re: Hands on with Bootstrap 3 - A landing page

#30

Post by trumbitta2 »

roybarberuk wrote: post #26

I don't see the need to use a whole heavy framework for such a simple page. I know it's just a demo but people need to be aware. I bet that page has only used 15-20% of the selectors in bootstrap meaning 80-85% code bloat. I do like bootstrap, if used correctly and in the right situation.

True. But don't forget the CDN and caching shenanigans.
Post reply on HN