这五款超好用的Bootstrap扩展,让你的Web开发事半功倍

boyanx4个月前技术教程16



Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS/HTML 框架。利用 Bootstrap 提供的 Sass 变量和混合(mixins)、响应式栅格系统、可扩展的预制组件以及强大的 jQuery 插件,能够让你快速地开发出产品原型或构建整个 app。

今天介绍的开源项目,就是来自 Gitee 的五款优质 Bootstrap 扩展,有了它们,你的开发效率一定事半功倍,一起来看看吧。

1.bootStrap-addTabs

BootStrap 增加、关闭、折叠TAB。

开源许可协议:MIT

项目地址:
https://gitee.com/hbbcs/bootStrap-addTabs

2.bootstrap-treetable

这个东西最初出现在guns项目,基于jquery.treegrid.js实现的树。但在实际应用过程中这个方案数据量过大会有性能问题,遂抛掉了jquery.treegrid重新实现了相关功能。

开源许可协议:MIT

项目地址:
https://gitee.com/cyf783/bootstrap-treetable

3.BootstrapPager

一个非常精巧的 Javascript 实现的 Bootstrap 分页插件,您不需要依赖任何第三方类库,只需要通过简单的引用调用,即可实现动态显示 Bootstrap 分页组件。

开源许可协议:MIT

项目地址:
https://gitee.com/hylun/BootstrapPager

4.Bootstrap-Multitabs

基于Bootstrap的multitabs 多标签页,可增加,关闭,折叠。智能,快速搭建,多种样式。

开源许可协议:MIT

项目地址:
https://gitee.com/edwinhuish/multi-tabs

5.longbow-select

Bootstrap 风格页面中 Select 在不同的浏览器下呈现各有不同,但是相同的一点是非常的丑陋,由于表单录入、数据展示时下拉框经常与文本框一同使用,下拉框在form-control样式下与文本框宽度不一致,使用起来非常的别扭,本人利用文本框改造了一个下拉框样式使用起来非常方便与美观,与文本框一起使用非常完美。

开源许可协议:Apache-2.0

项目地址:
https://gitee.com/LongbowEnterprise/longbow-select

更多 Bootstrap 拓展插件项目,点击了解更多去 Gitee 上找找吧。

相关文章

jquery 表单常用方法解析

input选择NAME参数$("input[name='optionsRadios']").prop("checked",false);赋值$("input[name='radioName'][val...

web前端的左侧导航狼,难道你不想试试吗?

斑斓说左侧二级菜单良多前端新手会写下拉或者其他的菜单,可是一写二级菜单就出错了。知识点:html标签(div,ul,a),css款式属性(浮动,定位),构造思惟,js根本,逻辑思维。源码:斑斓说左侧二...

用 Bootstrap4 制作响应式网页二(导航菜单)

上文已经介绍安装框架的过程,本文接下来制作一个导航菜单。导航菜单设计左右结构,左边放logo,右边放菜单链接。pc上面菜单显示效果切换到手机模式的显示效果下面是 html部分的整体代码:...

13个有用的HTML5、CSS3和jQuery搜索表单教程

FastReport VCL 5新版发布会,2014-12-9 15:00网络直播,免费参加 立即报名,参加者买FastReport旗下所有产品添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找...

前端程序员不得不爱的bootstrap

bootstrap模板是前端工程师们的最爱!如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQue...

Html5之Bootstrap框架介绍

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstra...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。