Live data from Hacker News

Bootstrap 3 is mobile-first

github.com

11–20 of 30 posts

Re: Bootstrap 3 is mobile-first

#15

Forget about "mobile-first", this is probably the best part of Bootstrap 3: Refactor components to be more mixin-friendly. Honestly, Bootstrap will really benefit from being easier to fit into your own markup, rather than forcing your markup to fit Bootstrap. I mean: that's what CSS is kinda all about.

Agreed. This is why I abandoned Bootstrap for Zurb Foundation. I found Foundation to be much more flexible and lightweight.

Bootstrap was so painful the moment you deviate from their styles. Similar to Rails when deviating from the "rails way".

Re: Bootstrap 3 is mobile-first

#16
post #7

I know it isn't really a big thing, but this is really going to cramp my style: "Instead of .span and .offset, we're now using .col-span- and .col-offset-." I can blaze through views using .row & .span in HAML, not so much now. I envision tons of personal errors in the short term as I transition projects to BS3. =========== Issue #2, does anyone know why Glyphicons won out over Font Awesome? ( http://fortawesome.gith…

About Glyphicons From Bootstrap docs ( http://twitter.github.io/bootstrap/base-css.html#icons ): "Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical."

Font Awesome's license makes it effectively free:

http://fortawesome.github.io/Font-Awesome/license/

Re: Bootstrap 3 is mobile-first

#17
post #15

Forget about "mobile-first", this is probably the best part of Bootstrap 3: Refactor components to be more mixin-friendly. Honestly, Bootstrap will really benefit from being easier to fit into your own markup, rather than forcing your markup to fit Bootstrap. I mean: that's what CSS is kinda all about.

Agreed. This is why I abandoned Bootstrap for Zurb Foundation. I found Foundation to be much more flexible and lightweight. Bootstrap was so painful the moment you deviate from their styles. Similar to Rails when deviating from the "rails way".

I am a new to css / html. Can you explain to me why it is painful to deviate from their styles?

Re: Bootstrap 3 is mobile-first

#18
post #15

Forget about "mobile-first", this is probably the best part of Bootstrap 3: Refactor components to be more mixin-friendly. Honestly, Bootstrap will really benefit from being easier to fit into your own markup, rather than forcing your markup to fit Bootstrap. I mean: that's what CSS is kinda all about.

Agreed. This is why I abandoned Bootstrap for Zurb Foundation. I found Foundation to be much more flexible and lightweight. Bootstrap was so painful the moment you deviate from their styles. Similar to Rails when deviating from the "rails way".

I'm not new to CSS and also wonder why it was hard for you. I've found it very easy to mix Bootstrap with my own CSS.

Re: Bootstrap 3 is mobile-first

#19
I've found a few problems from using Bootstrap 3:

1) By going mobile first, browsers such as IE8 which don't implement media queries now require you to add in an extra 15KB of CSS to fix it ( https://code.google.com/p/css3-mediaqueries-js/ ) , whereas all smart phones support media queries already.

2) By having glyphicons as fonts rather than sprites, we gain the ability to precisely size, place and colour the icon, but have now broken accessibility as the vision impaired or those choosing to have their browser use user specified fonts now get random characters displayed.

And that is it... the only 2 issues from a site currently in production and with users.

I should note that there are some really good bits, the extra support for mixins for example. I also personally also love that the new grid is now fluid and responsive by default. I like the declarative nature of col-lg-* and col-sm-* (though think a col-md-* should exist for fine-tuning layout tablets).

The biggest hurdle in coming from 2 to 3 is really the grid changes, the move to fluid, the changing of the class names. There are some minor changes to class names for buttons, forms, text colours, etc... but nothing that requires too much thought to deal with when upgrading.

Post reply on HN