What Bootstrap 4 looks like

Here is a giant collection of all visual elements, extracted from Bootstrap 4 docs.

Short version

The giant asset page is here : http://bdavidxyz.github.io/yourown-bootstrap4/all.html

Long version

I’m creating your yourown-bootstrap4, an work-in-progress open-source project that will allow you to create your own bootstrap 4 theme “the right way” : it will give you a fast local workflow, an optimised, fast rendering once in production, a good documentation so that will focus on design, not technical details. And, finally, a way to visually check how your whole bootstrap distribution will look like : a big collection of all visual elements, extracted from Bootstrap 4 docs, that cover every corner cases.

You can also think about it as an automatic style guide for your own theme.

This task is done, even if the whole job is not.

I presume the impatients will be happy to see what the new Bootstrap will look like.

I know there is already the official Bootstrap 4 docs that show all elements, but

• They are dispatched into multiples pages, if you want to quickly see all the assets it takes too much time,
• Visual elements are blurred by stuffs. Docs are here to show you everything, visual elements yes, but also code, explanations, warnings, etc.

So, here is the whole page.

Don’t expect a bunch of new spectacular visual components. There are some good new things of course, but the huge gap compared to Bootstrap 3 relies in the underlying code, which is now extremely easier and pleasant to use. This is the topic for another article I presume.

For Bootstrap 3 the job has been done many times, see this Stackoverflow question.

There are no comments (yet) on this website, maybe the next time :)

Enjoy !