News for hackers. Stuff that matters.

A comment on Bootstrap 3 Tips and Tricks. Parent comment

Re:Bootstrap 3 Tips and Tricks by Touche on Thursday May 08, 2014 @11:06AM (#7715674)
It's easy to miss things in documentation because there is so much of it. The bootstrap documentation is really a reference utility. This article is great even for stuff that is in the documentation because you might not think to look for it.
[ Parent | on HN ]
Re:Bootstrap 3 Tips and Tricks by nkozyra on Thursday May 08, 2014 @11:14AM (#7715705)
Surprised to see this - given the amount of technical detail inherent in common Web libraries (Angular, jQuery, even jQueryUI), Bootstrap is downright lean.

You could read about every grid detail, form & UI element and JS element in less than 20 minutes.

[ Parent | on HN ]
Re:Bootstrap 3 Tips and Tricks by claar on Thursday May 08, 2014 @11:33AM (#7715811)
As you know, the problem is the sheer number of libraries we use. Even if they were all as lean as Bootstrap, I will never know every tip and trick in all of them.

Thus, articles like this one have their place, and I for one thought it picked out some nice under-utilized pieces.

[ Parent | on HN ]
Re:Bootstrap 3 Tips and Tricks by DatBear on Thursday May 08, 2014 @11:40AM (#7715854)
Really? When I first heard about Bootstrap I found it pretty easy to look at almost all of the documentation in under an hour, and it covered all of these things, except the hover dropdown, which is simple css, and the media queries.

From the first bullet point in the "Grid System":

>Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.

Different stacking in mobile and desktop: http://getbootstrap.com/css/#grid-example-mixed Nesting Columns: http://getbootstrap.com/css/#grid-nesting Column Ordering: http://getbootstrap.com/css/#grid-column-ordering Lead class: http://getbootstrap.com/css/#type-body-copy Block Quotes: http://getbootstrap.com/css/#type-blockquotes Inline Lists: http://getbootstrap.com/css/#type-lists Inline Forms (helping screen readers): http://getbootstrap.com/css/#forms-inline Images: http://getbootstrap.com/css/#images

I guess you might not think to look for it in the documentation, but if you don't think to look for it, that means you probably aren't using it, and don't need it... I still wouldn't really call any of these things tips or tricks, it's just actually reading the documentation of what framework you're using, which apparently people don't do?

[ Parent | on HN ]
Re:Bootstrap 3 Tips and Tricks by natural219 on Thursday May 08, 2014 @05:43PM (#7717890)
I agree up until "Different Grid Columns at Different Device Sizes". That section does not qualify as a "tip" or "trick" -- it's perhaps the most fundamental part of using Bootstrap's "grid system" layout.
[ Parent | on HN ]