是否有一个我可以重新设计的所有Bootstrap元素的巨大"资产页面"？

Question

http://twitter.github.com/bootstrap/base-css.html

查看所有的例子元素,如h1,h2,h3,inputs,等？

我正在寻找一个简单的网页,上面有每一个Bootstrap inputs/forms/elements/etc,没有别的.

然后我可以让我们的设计师用他自己的样式修改基本CSS文件,并可以刷新资产页面以查看他的所有更改以及整个样式指南的形成方式.

这对我们的团队和我们的客户来说非常有帮助,因此他可以在一个统一页面上看到我们的整个"外观和感觉".

这样的页面是否存在？

Answer 1

在撰写本文时,对于BS3 http://bootply.com/render/71500来说这是一个不错的选择

更新Decembre 2013:Bootswatch有一个定期更新的页面 http://bootswatch.com/default/

2018年3月更新:Bootswatch已针对BS4进行了更新.

Answer 2

Bootstrap TLDR包含一个页面中的所有组件:https: //anvoz.github.io/bootstrap-tldr/

它也在Github上:https: //github.com/anvoz/bootstrap-tldr

Answer 3

我一直在寻找类似的东西。我发现最好的是该网站，它还允许您编辑它的CSS。

http://pikock.github.io/bootstrap-magic/app/index.html#!/editor

Answer 4

您可以做的是自定义引导文档站点以使用您的样式表。它包含在 bootstrap 存储库中（在 github 上https://github.com/twitter/bootstrap/blob/master/docs/index.html）。

要使用不同的样式表，您需要更新 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