15个最好地Bootstrap设计工具推荐.doc

实用标准文案 精彩文档 15个最好的Bootstrap设计工具推荐 摘要：Bootstrap不单单是一个框架，更确切的说，它改变了整个游戏规则。该框架使得许多应用和网站的设计开发变得简便许多，而且它将大量的HTML框架普及成了产品。 HYPERLINK /news/28199 Bootstrap是由前Twitter设计师Mark Otto和Jacob Thornton开发的前端工具包，其提供了优雅的HTML和CSS规范。Bootstrap不单单是一个框架，更确切的说，它改变了整个游戏规则。该框架使得许多应用和网站的设计开发变得简便许多，而且它将大量的HTML框架普及成了产品。? Bootstrap是一个非常棒的前端网站开发平台，它提供了大量的开发高体验的、高效的网站所需要的组件。这给网站开发人员与网站设计师提供了很好的便捷性，他们能很快很便捷在这一平台上找到开发所需的所有组件。Bootstrap打破了原有的世界记录，并且在Github的所有项目中排名第一。Bootstrap兼容所有新的浏览器，同时向下兼容IE7.平台能快速响应，就是说，网站的设计与重新缩放是根据终端的用户设备(手机、台式电脑--代码本身会做出相应的调整)、在什么时候被访问。Bootstrap使用html5与css3技术,这可以帮助你加快web app的开发。 Bootstrap 可以算是使用HTML5和CSS3的最快捷的工具了，它简化了开发过程，节省了开发者的时间，并产生了不错的结果——漂亮的客户端页面，满意的访问者以及满意的你。 本文为你带来15款针对Bootstrap框架的开发工具，可以帮助你更轻松地使用Bootstrap来构建想要的应用。? 1. HYPERLINK / HYPERLINK / \t _blank Layoutit? Layoutit是一个在线工具， 它可以简单而又快速搭建Bootstrap响应式布局，操作基本是使用拖动方式来完成，很简单，而元素都是基于Bootstrap框架集成的， 所以这工具很适合Web设计师和前端开发人员使用，快捷方便。? 2. HYPERLINK http://vitalets.github.io/x-editable/ HYPERLINK http://vitalets.github.io/x-editable/ \t _blank X-editableX-editable能够让你在页面上创建可编辑的元素，它能够使用任何引擎，比如Bootstrap、jQuery-UI、jQuery），并且包含弹出式和内联模式。? 3. HYPERLINK / Jetstrap? 这是一个针对Bootstrap框架的可视化制作工具，Web开发者、设计师直接在网页端拖拽各个组件就可以制作出漂亮的网页。通过Jetstrap制作出来的网页100%符合Bootstrap标准，你只要设计了电脑端的页面，它会自动适配手机端和Pad端（响应式设计）。? 4. HYPERLINK /foundation-grid-displayer/ \t _blank Grid Displayer Grid Displayer是一个可以显示Twitter Bootstrap网格（固定和浮动网格）和Foundation（2.0 和3.0版本）的小工具。可以在Firefox和基于Webkit的浏览器中使用。? 5. HYPERLINK / \t _blank Bootply 通过Bootply可以非常轻松地基于Bootstrap来进行设计、开发原型、扩展和测试等。Bootply可与其他流行的Bootstrap插件、微框架和库进行整合。? 6. HYPERLINK / \t _blank Divshot Divshot是一个在线网站，允许开发者通过可视化方式进行Web界面的设计，并直接生成HTML和CSS代码。该工具提供常用的Web UI组件，界面基于Bootstrap框架构建，生成的界面也基于Bootstrap框架运行。? 7. HYPERLINK http://pikock.github.io/bootstrap-magic/ \t _blank Bootstrap Magic Bootstrap Magic是一款基于Bootstrap和AngularJS的主题创建工具，开发者可以轻松地创建自己的 Twitter Bootstrap主题，并可以立即看到内容变化。还可以添加来自Google Webfont 的很棒的网页字体。? 8. HYPERLINK / GetkickStrap? Kickstrap无缝整合了Bootstrap和顶级Web技术，无需一个本地后端即可运行一个已验证的、数据库驱动的Web应用程序。用户还可以使用JSPM.io提供的强大