Is there a giant 'asset page' of all Bootstrap elements that I can re-style?
Solution 1
At time of writing, this is a good one for BS3 http://bootply.com/render/71500
Update Decembre 2013: Bootswatch has a page that is updated regularly http://bootswatch.com/default/
Update March 2018: Bootswatch has been updated for BS4.
Solution 2
Bootstrap TLDR contains all components in one page: https://anvoz.github.io/bootstrap-tldr/
It's on Github as well: https://github.com/anvoz/bootstrap-tldr
Solution 3
I have been looking for a similar thing. The best I've found is this website, which also allows you to edit the css on it.
http://pikock.github.io/bootstrap-magic/app/index.html#!/editor
Solution 4
I had the exact same need, bootstrap has this ready for you:
1) go to http://twitter.github.io/bootstrap/getting-started.html and download Bootstrap Source
2) unzip and navigate to "less\tests"
3) there you'll find, as bootstrap puts it "One stop shop for quick debugging and edge-case tests of CSS"
Solution 5
I couldn't find one, so I created my own. I basically combined all the example pages of the documentation and stripped out all the descriptions and codes. I also removed some duplicates.
Based on Bootstrap v4.0.0-alpha.6
user72245
Updated on May 02, 2020Comments
-
user72245 about 4 years
http://twitter.github.com/bootstrap/base-css.html
See all the example elements, like
h1
,h2
,h3
,inputs
, etc?I'm looking for a simple webpage that has every single Bootstrap
inputs/forms/elements/etc
on it, and nothing else.Then I can get our designer to modify the base CSS file with his own styles, and can refresh the asset page to see all of his changes and how the entire style guide is shaping up.
It'd be very helpful for our team to refer to, and for our client, so he can see our entire 'look and feel' on one consolidated page.
Does such a page exist anywhere??