8

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

理想情况下,一个包含所有 Twitter Boostrap 元素的网页可能会很棒,而不是让它们散开的 Bootstrap 文档。

更好的是在各种元素上带有注释的页面,以显示您对 variables.less 文件的更改结果。

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

4

1 回答 1

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

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

于 2013-04-24T17:46:21.530 回答