# bootstrap-quicktab

**Repository Path**: ajiho/bootstrap-quicktab

## Basic Information

- **Project Name**: bootstrap-quicktab
- **Description**: 在bootstrap基础上快速搭建一个符合国情的多tab+iframe的响应式选项卡插件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 1
- **Created**: 2023-02-26
- **Last Updated**: 2024-12-21

## Categories & Tags

**Categories**: bootstrap-plugins

**Tags**: None

## README

## NOTE: 该插件已经不再维护 , [Quicktab](https://gitee.com/ajiho/quicktab)是该插件的继承者

## bootstrap-quicktab

可用于bootstrap5快速搭建一个符合国情的多tab+iframe的响应式选项卡插件。



- [文档](https://ajiho.gitee.io/bootstrap-quicktab)



## 依赖

- [Bootstrap Icons>=1.10.3(非必须,默认图标库)](https://icons.getbootstrap.com/)
- [Bootstrap>=5.1.3(必须)](https://getbootstrap.com/docs/5.3/getting-started/introduction/)

## 特性

- 不依赖Jquery
- 支持惰性缓存tab(刷新可保持tab不消失)
- 切换/刷新tab页面滚动条高度保持不变
- 支持tab右键菜单快速操作tab(支持菜单操作项右击,同左击效果相同)
- 支持鼠标滚轮切换tab
- 支持tab全屏
- 支持同一个页面存在多个实例
- tab区域在移动端可以手指滚动
- 强大的响应式设计
- 健全的文档和丰富灵活的api



## 下载

### 手动下载

使用[发布页面](https://gitee.com/ajiho/bootstrap-quicktab/releases/)

### npm
```
npm install bootstrap-quicktab
```

### yarn
```
yarn add bootstrap-quicktab
```

### jsdelivr

```javascript
<script src="https://cdn.jsdelivr.net/npm/bootstrap-quicktab@latest/dist/js/bootstrap-quicktab.min.js"></script>
```

### unpkg

```javascript
<script src="https://unpkg.com/bootstrap-quicktab@latest/dist/js/bootstrap-quicktab.min.js"></script>
```

注意：如果你想锁定到特定版本，你应该更换@latest到指定版本（例如 @1.0.0）。您可以在[unpkg](https://unpkg.com/bootstrap-quicktab@latest/dist/),[jsdelivr](https://cdn.jsdelivr.net/npm/bootstrap-quicktab@latest/dist/)找到可用模块的完整列表。

## LICENSE
[MIT](https://gitee.com/ajiho/bootstrap-quicktab/blob/master/LICENSE)


## 谁在用

- [Bootstrap-Admin:一款基于bootstrap5.x开源的html后台模板](https://gitee.com/ajiho/bootstrap-admin)


## 反馈

如果你发现了问题或者需要优化的地方可以直接提issues。