html – Twitter Bootstrap测试环境

发布时间：2020-12-14 23:45:30 所属栏目：资源来源：网络整理

导读：我将对Twitter Boostrap进行更改以生成我自己的主题,并希望某种备忘单显示调整样式和CSS的结果. 理想情况下,可能只有一个包含所有Twitter Boostrap元素的网页,而不是将它们展开的Bootstrap文档. 更好的是一个带有各种元素注释的页面,以显示对variables.less

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

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

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

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

解决方法

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

Bootply功能

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

http://www.bootply.com

此外,此test page对于一次查看所有可用元素非常有用.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!