Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否有一个巨人';资产页';我可以重新设计的所有引导元素中?_Html_Css_Web Applications_Twitter Bootstrap_Frontend - Fatal编程技术网

Html 是否有一个巨人';资产页';我可以重新设计的所有引导元素中?

Html 是否有一个巨人';资产页';我可以重新设计的所有引导元素中?,html,css,web-applications,twitter-bootstrap,frontend,Html,Css,Web Applications,Twitter Bootstrap,Frontend,查看所有示例元素,如h1,h2,h3,输入,等等 我正在寻找一个简单的网页,上面有每一个引导输入/表单/元素/etc,没有其他内容 然后,我可以让我们的设计师用自己的样式修改基本CSS文件,并且可以刷新资产页面以查看他的所有更改以及整个样式指南的形成情况 这对我们的团队和我们的客户都非常有帮助,这样他就可以在一个整合页面上看到我们的整个“外观” 这样的页面是否存在于任何地方???您可以做的是自定义bootstrap docs站点以使用您的样式表。它包含在引导式回购中(在github上) 要使用不

查看所有示例元素,如
h1
h2
h3
输入
,等等

我正在寻找一个简单的网页,上面有每一个引导
输入/表单/元素/etc
,没有其他内容

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

这对我们的团队和我们的客户都非常有帮助,这样他就可以在一个整合页面上看到我们的整个“外观”


这样的页面是否存在于任何地方???

您可以做的是自定义bootstrap docs站点以使用您的样式表。它包含在引导式回购中(在github上)

要使用不同的样式表,您需要更新以指向您的样式表:

<!-- 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 -->

我一直在寻找类似的东西。我发现最好的是这个网站,它也允许你在上面编辑css


我也有同样的需求,bootstrap已经为您准备好了:

1) 转到并下载引导源代码

2) 解压缩并导航到“less\tests”


3) 在这里,您会发现,正如bootstrap在撰写本文时所说的“CSS快速调试和边缘案例测试的一站式商店”

,这对于BS3来说是一个不错的选择

2013年12月更新: Bootswatch有一个定期更新的页面

2018年3月更新:
已为BS4更新引导样例。

引导TLDR在一个页面中包含所有组件:

它也在Github上:

看看这里,CSS和组件的完整列表,以及一些解释和代码:

几天前我需要同样的东西,没有找到我需要的东西,所以我创造了这个

randon是一段代码,因为stackoverflow需要一个指向codepen的链接

引导所有元素

我找不到,所以我创建了自己的。我基本上合并了文档中的所有示例页面,去掉了所有的描述和代码。我还删除了一些副本

基于引导v4.0.0-alpha.6


人们似乎不理解这里的问题。op所要求的将是非常有用的,你可以在你的站点上有一个页面(可能是一个管理页面),显示每个引导元素。我们基本上是在讨论页面,但应用了您的样式。设想一个自动样式指南。这一个使用了3-rc1版本,用3.0.0版本渲染看起来很糟糕,。这里有一个与3.0.0很好地呈现的类似文档:这是上面源代码的演示:这一个基于3.0.0-更新为最新的引导4:我正在处理一个:当前的引导tarball不包含或不再包含less/tests文件夹
$ node docs/build production