`
usydapeng
  • 浏览: 870 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

推荐13款优秀的Twitter Bootstrap JavaScript插件

阅读更多

原文链接: http://www.csdn.net/article/2012-11-08/2811666?ADUIN=571522149&ADSESSION=1389857432&ADTAG=CLIENT.QQ.5281_.0&ADPUBNO=26292

 

Bootstrap是基于HTML,CSS和JavaScript的简洁灵活的流行前端框架及交互组件集,由微博先驱Twitter在2011年8月开源的整套前端解决解决方案,拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。

Twitter Boostrap的口号是适用于任何场景,适用于每一个人,如今越来越多的开发者开始积极使用Boostrap,就在几周前,Bootstrap发布了最 新版本,改进了许多新特性。Bootstrap是迄今为止最全面的前端框架及真正适用于快速成型和后端/CMS开发工具。本文收集了10款非常不错的 Twitter bootstrap JavaScript扩展插件,利用Boostrap开发者可以节省大量的时间修复跨浏览器布局问题,实现各种形式的Web界面。

1. Fuel UX

Fuel UX是Twitter Bootstrap的一款轻量级插件。组件包括ComboBox, Datagrid, Pillbox, Search 和Spinner等一些实用的插件。

2. BootMetro

BootMetro可以将bootstrap转换成Microsoft Metro UI。此外,BootMetro附带的JavaScript插件能够很好的支持Metro性能。

3. WYSIHTML5

WYSIWYG HTML5非常漂亮的一款Web编辑器,拥有比较全面的配置和事件能够满足你的需求。

4. jqBootstrap Validation

我非常喜欢Bootstrap默认的风格。如果你想要个与众不同的主题,那么这个插件可以帮助你。

5. ColorPicker

这个插件允许你添加颜色字段,支持多种色彩风格。

6. DatePicker

Datepicker允许添加文本或者任意元素,它常被用作组件可支持多种日期格式。

7. TimePicker

如果你拥有一款日期选择器,那么你肯定想自定义编辑日期。这款插件只需利用鼠标或者箭头键即可轻松输入文本。

8. DateRange Picker

如果你曾用过Google Analytics(谷歌分析器),这款Javascript插件你肯定会很熟悉。DateRange非常适用于生成报表或者收集预约日期。

9. Bootbox JS

利用Twitter Boostrap现有模式创建编程式对话框。bootbox是一款非常灵活的且强大的JavaScrip对话框。

10. jQuery UI Bootstrap

这款拥有和Twitter Boostrap相似的主题,最重要的是如果你想将bootstrap和jQuery UI集成在一起,这个主题将会使它们看起来更加一致。

11. jQuery File Upload

基于HTML5 Ajax文件上传。基本的实现方式还是不错的,这里还有许多示例演示。

12. DataTables

DataGrid与Fuel UX相似,支持排序,分页,搜索等功能。

13. Bootsnipp

Bootsnipp不同于任何一款JavaScript插件,复制和粘贴布局代码段。它集合了常用的UI,包括登陆屏,窗口模式,表,导航栏等等,你可以获取代码并立即使用。

分享到:
评论

相关推荐

    bootstrap bootstrap-3.3.7

    这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...

    用bootstrap结合php搭建MIS系统框架

    推荐2款我试用的Bootstrap JavaScript插件 jqBootstrapValidation验证控件 http://reactiveraven.github.com/jqBootstrapValidation/ bootsnipp http://bootsnipp.com/ 推荐插件:...

    twitter bootstrap 2.2.0框架包+中文说明文档

    由Twitter前端工程师发起的项目,基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。口号是适用于任何场景,适用于每一个人。非常强大,Bootstrap适应不同技术水平的从业者,无论是设计师还是程序员...

    bootstrap-ajax-typeahead:Twitter Bootstrap Ajax Typeahead插件

    Twitter Bootstrap Ajax提前输入插件修改了Bootstrap Typeahead插件以使其具有Ajax功能。如何使用要使常规的typeahead插件在服务器上查询源,只需在初始化时指定ajax成员即可。特征选择项目时可以使用回调函数能够...

    jQuery多级列表树插件bootstrap-treeview

    插件描述:bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。演示地址:...

    jquery.pwstrength.bootstrap:用于Twitter Bootstrap的jQuery密码强度表

    该插件当前严重依赖于Bootstrap,并且如果不对代码进行重大更改或完全忘记UI反馈,则无法将其与其他框架一起使用。 我将它与另一个我所知道的框架一起使用: 如何使用它 通过 ( 获取最新版本,或直接从此下载。 ...

    bootstrap-4.3.1

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS...Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括: 模式对话框、标签页、滚动条、弹出框等。

    Bootstrap3TypeaheadBootstrap的输入自动完成插件

    这个The Typeahead 插件来自Twitter的Bootstrap 2,支持 Bootstrap 3 和Bootstrap 4。

    bootstrap开发详细教程, bootstrap实用代码大全

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松...

    MVC Knockoutjs Bootstrap简单框架

    包括一组 CSS 样式,组件和 JavaScript 插件。提供了跨平台的支持, 消除了不同平台的不一致问题。处理的非常好,良好的文档和 Twitter Bootstrap's 站点本事就是现实中很棒的参考。最后,它节省了我大量的时间,只...

    bootstrap3教学视频

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松...

    bootstrap_calendar:一个用于jquery和twitter bootstrap的简单日历插件。 可以在下拉菜单和响应式导航栏中内联工作!

    一个用于jQuery和Twitter Bootstrap的简单日历插件。 可以在下拉菜单和响应式导航栏中内联工作! ## Package Manager现在可以通过安装 ##依赖 ##选项 popover_options(对象) tooltip_options( 对象) 天...

    Bootstrap用户手册:设计响应式网站

    从最初CSS驱动的项目到目前内置很多JavaScript插件和图标,并且涵盖表单和按钮元素、支持响应式Web设计,Bootstrap为Web开发提供了前瞻性的设计和开发基础,能够大幅提升开发效率,已被很多流行网站采用。...

    bootstrap-datepicker:Twitter Bootstrap的日期选择器-开源

    与bootstrap自己的插件一样,datepicker提供了一个数据API,可用于实例化datepicker,而无需自定义JavaScript。 您可以使用与禁用其他引导插件相同的方式来禁用datepicker的data-api。 可以通过数据属性提供大多数...

    Bootstrap用户手册

    作为源自Twitter的一个开源框架,而且可以从GitHub上自由下载,Bootstrap推崇“移动优先”(Mobile First)的设计理念,还支持动态调整网页布局、创建响应式网站。只要稍微懂一些HTML、CSS和JavaScript,就可以创建...

    Bootstrap用户手册:设计响应式网站.pdf

    Bootstrap 是 Mark Otto 和 Jacob Thornton 在 Twitter 公司共同开发的一个网站开发框架, 2011 年 8 月发布至今已经成为 Github 上最受关注的开源项目。从最初 CSS 驱动的项目到目前 内置很多 JavaScript 插件和...

    bootstrap4框架

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松...

    codecampsdq3-bootstrap-talk:Twitter关于Code Camp SDQ 3.0的Bootstrap讨论的源代码-bootstrap source code

    有关。 Twitter关于Code Camp SDQ 3.0的... JavaScript插件。 让我们来构建一个网络应用程序! 去做。 行动起来! React灵敏。 自定义Twitter Bootstrap 去做。 扩展Twitter引导程序 构建一个新的JS插件。

    bootstrap-4.4.1-dist (1).zip

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以...

Global site tag (gtag.js) - Google Analytics