Bootstrap 4 cheat sheet
Dev tools
documentation reference
SHOW HN2016
847points
161comments
#7of 2,264 in 2016
Top 1%of 2016 by points
How HN took it
LovedMost comments that take a side are positive
40 positive, 22 neutral or asking, 6 mixed, 8 critical, out of 76 comments about the project. Thread score +0.44.
Design: 9 for, 8 againstDocs: 4 for, 0 againstIdea: 3 for, 0 againstPerformance: 2 for, 0 againstExecution: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Fast, simple and useful as a reference; better than the official docs for quick lookup
From 4 comments
Thanks for making - it's so much more helpful than the over-9000 line bootstrap docs I am always using CTRL+F and trying to remember the name of elements on. Now I can just jump…
degenerate on HNI like how fast and responsive it is.
stevoski on HNThis is really great! I've always found the bootstrap docs thorough but intimidating. You've got a really simple, intuitive layout. Well done!
paulcole on HNAs someone who never bookmarks cheat sheets, this is one I'm going to save. Many of the "API" changes in Bootstrap 4 are subtle class name differences, like using…
tedmiston on HN
Interactive examples and deep links to sections are helpful
From 3 comments
Thank you for the deep links.
kevinSuttle on HNAs someone who never bookmarks cheat sheets, this is one I'm going to save. Many of the "API" changes in Bootstrap 4 are subtle class name differences, like using…
tedmiston on HNawesome work. I like this, so easy to find the style.
mqgh on HN
Objections
Hijacking the back button with pushState annoys users who want to return to the previous page
From 4 comments
The user isn't changing page, so you definitely shouldn't be using pushState. If you want to update the address bar, use replaceState. After clicking a few of them I certainly…
saulr on HNYeah, get rid of historystate. It's annoying.
omegote on HNYes. Always. You'll find hijacking the back button is one of the most frequent first/top complaints in HN threads. :)
bobwaycott on HNIt both makes sense and is counter-intuitive to me at the same time. I see why you did it, and I see why some people would like it that way- however when I hit the back button…
manyxcxi on HN
Bootstrap 4 was still in alpha, so unclear if safe for production
From 2 comments
This is really cool. I'm wondering if people are using BS4 in production? I recently used BS3 because I saw that 4 was still in Alpha. Is it safe to use in production even though…
lsjadf on HNvery cool, I am excited to use version 4 when the official release comes out. I am always cautious to jump on an alpha release. What is your sense of file sizes under version 4…
tmaly on HN
Requests
Keep address bar updated but use replaceState so back button is not affected
From 3 comments
using replaceState instead of pushState will keep the address bar updated without interfering with the back button
johns on HNWith replaceState you can change the URL without adding an entry to the back button list. So you can have a back button that takes you back to HN and a bookmark reference.
Flimm on HNUse good old `window.location.replace(...)` - things will still be bookmarkable, but won't clutter history.
duncans on HN
Add a search or filter box
From 2 comments
This is awesome! Can I request a search box at the top that lets me quick-search for something, and then hit tab or enter to "jump" to that one?
reustle on HNFeature request!: Add a text field to filter the lists of lists. using something like typeaheadjs - https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md
blairanderson on HN
Open source the project
From 2 comments
This is great, good job! One application of this interface is for companies to use it as a front-end style guide for their own site/web app. Just like people use bootstrap as the…
oonny on HNIs this project open source/on GitHub? I would love to see how you built this with Jekyll! :)
bluetidepro on HN
Add Bootstrap 3 support
From 1 comment
Looks great, super useful! Can you possibly load it up with bootstrap 3?
latortuga on HN
Questions
Is the project open source?
From 2 comments
Is this project open source/on GitHub? I would love to see how you built this with Jekyll! :)
bluetidepro on HNThis is great, good job! One application of this interface is for companies to use it as a front-end style guide for their own site/web app. Just like people use bootstrap as the…
oonny on HN
Are people using Bootstrap 4 in production?
From 1 comment
This is really cool. I'm wondering if people are using BS4 in production? I recently used BS3 because I saw that 4 was still in Alpha. Is it safe to use in production even though…
lsjadf on HN
Alternatives named
Official Bootstrap docs
From 2 comments
Thanks for making - it's so much more helpful than the over-9000 line bootstrap docs I am always using CTRL+F and trying to remember the name of elements on. Now I can just jump…
degenerate on HNI think I prefer the original bootstrap documentation... having the TOC on the side to jump to various sections, and having a more real-estate to present ideas rather than just a…
jordache on HN
Bootswatch
From 1 comment
As a person who doesn't understand a single thing about front-end, I really appreciate the existence of bootstrap, especially when I need to just put an OK looking dashboard…
emirozer on HN
Velcro (Bootstrap 3 cheat sheet)
From 1 comment
I started something similar for Bootstrap 3, but more interactive so you can select different options for each type of element. https://hanniabu.com/Velcro Let me know if I…
hanniabu on HN