现在位置首页 / 产品设计 /正文

简洁优雅可扩展的前端工具集--BootStrap

作者: IT小兵 | 2013年9月16日| 热度:℃ | 评论: |参与:

前几天,一个jquery的项目,一个朋友推荐我使用BootStrap。当时还不清楚BootStrap是干什么的,

现在想想真是孤陋寡闻了。用于web2.0的开发事半功倍啊。

在这里有集成jquery+BootStrap的免费开源ui框架,简洁可用性强。

BootStrap是在2011年,twitter的工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了许多基于Bootstrap建设的网站:界面清新、简洁;要素排版利落大方。如下图所示:

官方说明:

Bootstrap是基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档,自定义JQuery插件,完整的类库,基于Less等。,表单,buttons,表格,网格Grid系统等等。

宗旨是:

简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

 

官方地址:

英文的地址:http://getbootstrap.com/2.3.2/

中文翻译地址:http://www.bootcss.com/

现在版本是3.0 。

基于jquery和Bootstrap有一个开源框架也很不错。

官方地址:http://www.bootcss.com/p/jquery-ui-bootstrap/

这个页面是用来展示 jQuery UI Bootstrap 项目的 -- 我们将 Bootstrap 应用到了 jQuery UI 控件上。这套工具让你在使用jQuery UI 控件时也能充分利用Bootstrap的样式,而且不会出现样式不统一的现象。目前本项目还在努力开发中,希望对你有用。

jquery bootstrap效果


 

参考资料:

 1.Bootstrap的来由和发展。http://www.alistapart.com/articles/building-twitter-bootstrap/

2.Less与Sass的介绍与对比.http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

3.Html5模板 http://html5boilerplate.com/

4.Html5与Bootstrap混合项目(H5BP)https://gist.github.com/1422879

5.20个有用的Bootstrap资源 http://www.webresourcesdepot.com/20-beautiful-resources-that-complement-twitter-bootstrap/

6.Bootstrap按钮生成器 http://charliepark.org/bootstrap_buttons/

7.前后端结合讨论  http://stackoverflow.com/questions/9525170/backend-technology-for-front-end-technologies-like-twitter-bootstrap

8. Bootstrap英文教程  http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/stepping-out-with-bootstrap-from-twitter/


转发注明:IT分享 http://www.suchso.com

点击阅读本文所属分类的更多文章: 产品设计 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询