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-ready 扩展
• 测试不同的 Bootstrap 版本

http://www.bootply.com

此外，此测试页面对于一次查看所有可用元素很有用。