Twitter Bootstrap测试环境

Joe*_*Joe 8 html css twitter-bootstrap

我将对Twitter Boostrap进行更改以生成我自己的主题,并希望某种备忘单显示调整样式和CSS的结果.

理想情况下,可能只有一个包含所有Twitter Boostrap元素的网页,而不是将它们展开的Bootstrap文档.

更好的是一个带有各种元素注释的页面,以显示对variables.less文件所做更改的结果.

有谁知道我应该看看的任何资源?提前致谢.

Zim*_*Zim 22

我为此创建了Bootply.Bootply是一个"jsfiddle"风格的应用程序,可以让你编辑Bootstrap友好的HTML,JS和CSS.它包括Bootstrap和jQuery,还有Bootstrap片段,您可以从工具栏中选择并粘贴到编辑器中.只需点击"运行"即可查看结果.

Bootply功能

  • 包含所有Bootstrap CSS,组件和Javascript的工具栏
  • 命名,标记和共享工作 Bootstrap示例
  • 全屏预览或移动/响应
  • 包括FontAwesome,jQueryUI和其他Bootstrap-ready扩展
  • 测试不同的Bootstrap版本

http://www.bootply.com

此外,此测试页面可用于一次查看所有可用元素.