分享12款最佳的Bootstrap设计工具

设计师总会渴望有一些新奇有趣的设计工具来提高工作效率,而Bootstrap就是您的不二选择。2013年Bootstrap得到了广泛普及,它是开发者较为常用的框架之一,本文我们将分享12款最佳的Bootstrap设计工具,帮助你做出特别清爽同时又专业美观的页面

12. Bootstrap Designer

 

Bootstrap Designer是一款在线运行工具,无需下载和安装。使用该工具你可以创建出令人惊叹的HTML5模板。 

http://www.bootcss.com/p/flat-ui/

11. Get Kickstrap

 

如果你正在寻找与Bootsrap相匹配的Web技术,那你可以试试这款Get Kickstrap。该工具非常先进,无需任何后台即可运行数据库来驱动Web应用程序。

10. Bootply

 

通过Bootply可以非常轻松地基于Bootstrap来进行设计、开发原型、扩展和测试等。Bootply可与其他流行的Bootstrap插件、微框架和库进行整合。 

9. Bootstrap Button Generator

 

通过Bootstrap Button Generator,你只需输入你想指定给新按钮的样式的CSS类,并简单调整图标的颜色,即可获得新的图标,然后复制代码,粘贴在任意你想要的地方即可。

8. Easel

 

这款工具可在你的浏览器中运行,具有高保真的特性,帮助开发者和设计师提供真实的Web元素。 

7. Layoutit

 

 Layoutit是一个在线工具, 它可以简单而又快速搭建Bootstrap响应式布局,操作基本是使用拖动方式来完成,很简单,而元素都是基于Bootstrap框架集成的, 所以这工具很适合Web设计师和前端开发人员使用,快捷方便。 
6. Bootswatch

 

该工具开源,极易安装。

5. Boottheme

 

这是一款在线主题生成器,拖拽式的设计、所见即所得。

4. Custom Font Tool

 

该工具允许你在命令行中创建个性化字体。

3. WordPress Twitter Bootstrap CSS

 

wordpress中包含最新的Twitter Bootstrap Javascript库。

2. Bootmetro

 

这是一款非常灵活且简单的框架,能为你带来类似Windows 8的视觉体验。 
1. Flat UI Free–Framework and Bootstrap Theme Design

 

这款工具拥有扁平化风格,最好的部分是其组件包括PSD文件;同时还可创建免费的UI。 


长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”,带你了解最新的前端技术。

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...