http://twitter.github.com/bootstrap/base-css.html
查看所有示例元素，例如h1，h2，h3，inputs等？
我正在寻找一个简单的网页，其中包含每一个Bootstrap inputs/forms/elements/etc，而不是其他任何内容。
然后我可以让设计师用自己的样式修改基本CSS文件，并刷新资产页面以查看他的所有更改以及整个样式指南的形成过程。
对我们的团队来说，参考我们的客户非常有帮助，因此他可以在一个统一页面上看到我们的整体“外观和感觉”。
这样的页面是否存在于任何地方？
答案 0 :(得分：34)
在撰写本文时，这对BS3来说是一个不错的选择 http://bootply.com/render/71500
更新Decembre 2013： Bootswatch有一个定期更新的页面 http://bootswatch.com/default/
2018年3月更新： Bootswatch已针对BS4进行了更新。
答案 1 :(得分：12)
Bootstrap TLDR 包含一个页面中的所有组件： https://anvoz.github.io/bootstrap-tldr/
它也在Github上： https://github.com/anvoz/bootstrap-tldr
答案 2 :(得分：4)
我一直在寻找类似的东西。我找到的最好的是这个网站，它也允许你编辑它的CSS。
http://pikock.github.io/bootstrap-magic/app/index.html#!/editor
答案 3 :(得分：1)
我有完全相同的需求，bootstrap为你准备好了：
1）转到http://twitter.github.io/bootstrap/getting-started.html并下载Bootstrap Source
2）解压缩并导航到“less \ tests”
3）你会发现，正如bootstrap所说的“快速调试和CSS边缘情况测试的一站式服务”
答案 4 :(得分：1)
我找不到一个，所以我创造了自己的。我基本上组合了文档的所有示例页面，并删除了所有描述和代码。我还删除了一些副本。
基于Bootstrap v4.0.0-alpha.6
答案 5 :(得分：0)
您可以做的是自定义bootstrap docs站点以使用样式表。它包含在bootstrap repo中（在https://github.com/twitter/bootstrap/blob/master/docs/index.html上的github上。）
要使用其他样式表，您需要更新https://github.com/twitter/bootstrap/blob/master/docs/templates/layout.mustache以指向样式表：
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<!-- add your stylesheet here to override -->
然后使用：
构建$ node docs/build production
答案 6 :(得分：0)
在这里看一下CSS和组件的完整列表，以及一些解释和代码snipets：
http://codepen.io/letanure/full/WxwaZP/
前几天我需要同样的东西，根本不需要找到任何东西，所以我创建了这个。
randon代码段，因为stackoverflow需要发布一个指向codepen的链接
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap all elements</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</head>
<body>