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

boyanx8个月前技术教程30



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属性获取——attr()与prop

今天在项目中使用下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: 1 2 3 /**js部分**/ $("select").attr("s...

jquery选择器

1 jQuery 选择器jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器。1.1 基本选择器基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通...

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

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

10个免费的JavaScript工具来创建交互式地图

在这里,我们提出了10个 JavaScript 库的完整列表,创建交互式和个性化地图。不过,也有谷歌地图制作工具和其他工具来构建地图,但在这个平台,我们特别提出只可以用来显示特殊的地图标记的JavaS...

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

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

7种响应式导航解决方案

响应式导航的设计遵循了响应式Web设计理念,页面的设计往往会根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的调整。通过同比例缩减元素尺寸、调整页面结构布局以及内容的优化调整等方式,...

发表评论    

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