html - Twitter Bootstrap 测试环境

Question

我将对 Twitter Boostrap 进行更改以生成我自己的主题，并且想要某种备忘单来显示调整样式和 CSS 的结果。

理想情况下，也许一个包含所有 Twitter Boostrap 元素的网页会很棒，而不是将它们分散开来的 Bootstrap 文档。

更好的做法是在一个页面上对各种元素进行注释，以显示您对 variables.less 文件的更改结果。

有人知道我应该查看的任何资源吗？提前致谢。

Answer 1

我创建了 Bootply正是为了这个目的。 Bootply 是一款“jsfiddle”风格的应用程序，可让您编辑 Bootstrap 友好的 HTML、JS 和 CSS。它为您提供了 Bootstrap 和 jQuery，还有您可以从工具栏中选择并粘贴到编辑器中的 Bootstrap 片段。只需点击“运行”即可查看结果。

Bootply 功能

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

http://www.bootply.com

此外，这 test page对于一次查看所有可用元素很有用。