Bootstrap开发框架资源汇总

稍微接触点前端的朋友都应该知道 Bootstrap,它是 twitter 团队开发的前端开发工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

Bootstrap-cmhello_com

Bootstrap 的应用在国外非常流行,但是似乎国内基于 Bootstrap 的开发要少很多,难道是国人不太喜欢基于框架开发网站?

基于 Bootstrap 的衍生品也逐渐多了起来,就连WordPress插件都有专门基于Bootstrap样式的。倡萌最近发现国人搭建的 Bootstrap中文网 -- www.bootcss.com ,对Bootstrap的文档进行了翻译整理,方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。

Bootstrap相关开源项目推荐

  • LayoutIt! :可拖放排序在线编辑的Bootstrap可视化布局系统。
  • Grumble.js:一个气泡形状的提示(Tooltip)控件,可以在其围绕的元素周围做360度任意定位。
  • BootstrapEd:基于Bootstrap,并且,优化Bootstrap在中文WEB环境中的效果;增强Bootstrap中的内置组件;增加有价值的通用组件!
  • Unslider : 一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。
  • Bootstrap Switch:是对Bootstrap控件的扩充。基于选HTML中基本的选择框控件实现只有开和关两种状态的单选按钮。
  • sco.js:由于大部分的Bootstrap js插件是无法扩展的,因此才有了sco.js,它是对Bootsrap中js插件的增强实现。
  • iCheck:让不同浏览器下的复选框(checkboxes)和单选按钮(radio button)更美观、功能更强。
  • bootstrap-wysiwyg:是一个jQuery Bootstrap插件(5KB, < 200 行代码)可以将任何一个DIV转变成一个WYSIWYG富文本编辑器。
  • Chart.js:是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。
  • Preboot:是一组用LESS语法书写的混合(mixin)和变量(variable)的集合,目的是辅助用户书写更优美的CSS。Bootstrap的前身就是Preboot。
  • jQuery.Pin :能将任意页面元素“钉”在某个容器顶部,而且在尺寸小的屏幕上能够自动禁用这种效果。
  • 响应式导航(Responsive Nav):是一个很小的JS插件,压缩之后仅有1.7KB,能帮你创建针对小屏幕的可切换式导航
  • Bsie:弥补了Bootstrap对IE6的不兼容。目前,bsie能在IE6上支持大部分bootstrap的特性,可惜,还有一些实在无法支持...
  • Messenger:是一个非常酷的弹框(Alert)组件,能够非常好的与Bootstrap融合,当然,单独使用效果也是非常棒。Messenger自带4套皮肤。
  • Bootstrap日期时间选择器(Bootstrap DateTime Picker)是一个Bootstrap组件,能够简化页面上日期、时间的输入。
  • jQuery UI Bootstrap:这套工具让你在使用jQuery UI 控件时也能充分利用Bootstrap的样式,而且不会出现样式不统一的现象,Bootstrap和jQuery UI可以完美融合在一起了!
  • Google Bootstrap:Google的UI素来以简洁著称,现在Bootstrap也来Google Style一把,喜欢Google的就来试试这套Google Bootstrap吧!
  • Flat UI:是基于Bootstrap做的Metro化改造,由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件,但是外观更加漂亮。再此强烈推荐!
  • Metro UI CSS: 是一套用来创建类似于Windows 8 Metro UI风格网站的样式。现在,Metro UI CSS项目在Bootstrap的基础上被开发成一个独立的解决方案。
  • Font Awesome :中包含的所有图标都是矢量的,也就可以任意缩放,避免了一个图标做多种尺寸的麻烦。CSS对字体可以设置的样式也同样能够运用到这些图标上了。
  • Simple Icons -- Icon汇:收集众多网站的Logo,并提供高质量、不同尺寸的png格式图片给广大网友,所有Icon版权归其所属公司。
  • Bootstrap Form Builder:Bootstrap 在线表单构造器能够以鼠标拖拽的方式迅速生成一个基于Bootstrap的完整表单,减轻了各位码农手写HTML代码的劳动,而且不会出错。
  • Bootstrap CSS v3.0 预览版:正式版发布时间待定。Bootstrap中文网整理之后放上来让广大Bootstrap粉丝先睹为快。记住哦,IE8以下的浏览器退避吧!

Bootstrap官方:http://twitter.github.io/bootstrap/index.html

Bootstrap中文网http://www.bootcss.com/

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

最后编辑于:2013/5/24作者: 胡倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

17 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 鹏鹏说道:
    17#

    正在捉摸着怎么用...

  2. 云淡然说道:
    16#

    :cool: 正在开发bootstrap主题

  3. eric说道:
    15#

    感觉这个框架不错,有时间一定研究下。

  4. 不亦乐乎说道:
    14#

    这个用不大习惯,用到wp上对wp的操作要求太高了。

  5. Mike说道:
    13#

    超喜欢这个框架的说~ :roll: :roll:

  6. 斌果说道:
    12#

    最新的文章怎么504

  7. 枫叶红秋雨说道:
    11#

    这个框架很不错的。用了好几个模板了

  8. 游手好弦说道:
    10#

    用大半年了,表示非常顺手 :mrgreen:

  9. ISOFTEE.COM说道:
    9#

    自留地, :eek:

  10. 名门棋牌说道:
    8#

    博主,网站主题更新得很快啊,经常关注博主的博客,每次来都感觉不一样的氛围!支持了!

  11. 海蓝说道:
    7#

    不是不喜欢搭框架 是因为很多都没有用框架的必要 大网站那是必不可少滴

  12. 热血洒红尘说道:
    6#

    用过,挺好的。就是不怎么习惯用框架。因为平常也是做些小东西,自己写也费不了多少时间。

  13. 予沐说道:
    5#

    css框架?

  14. Tokin说道:
    4#

    最近也在关注这个框架,,觉得很不错

  15. tiandi说道:
    3#

    我用了FLAT的CSS。

  16. 斌果说道:
    2#

    倡萌很难得这么勤的更新自留地

  17. 小蝴蝶说道:
    1#

    bootstrap有个js 好像是modal 跟一些jq插件冲突
    不过我没用~

扫一扫,用手机访问本站

扫一扫,用手机访问本站