https://github.com/zoomla/bootstrapvue-cn
BootstrapVue中文手册，由Bootstrap中文站(http://code.z01.com/v4）官方团队翻译支持，一套将全球最流行的前端框架Bootstap与中国最流行的前端webpack库Vue完美结合的框架，精良翻译，服务国人。
https://github.com/zoomla/bootstrapvue-cn
bootstrap bootstrapvue css vue
Last synced: 9 months ago
JSON representation
BootstrapVue中文手册，由Bootstrap中文站(http://code.z01.com/v4）官方团队翻译支持，一套将全球最流行的前端框架Bootstap与中国最流行的前端webpack库Vue完美结合的框架，精良翻译，服务国人。
- Host: GitHub
- URL: https://github.com/zoomla/bootstrapvue-cn
- Owner: zoomla
- License: apache-2.0
- Created: 2020-03-08T04:40:02.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-04-26T08:30:18.000Z (about 6 years ago)
- Last Synced: 2025-04-23T06:34:44.036Z (about 1 year ago)
- Topics: bootstrap, bootstrapvue, css, vue
- Language: HTML
- Homepage: http://code.z01.com/bootstrap-vue
- Size: 11.8 MB
- Stars: 50
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
- [Bootstrap-Vue 基于全球最流行的前端框架组合应用系统](#bootstrap-vue-基于全球最流行的前端框架组合应用系统)
- [项目介绍](#项目介绍)
- [相关链接](#相关链接)
- [快速安装方法](#快速安装方法)
- [快速使用](#快速使用)
- [一个快速列偏移栅格示例：](#一个快速列偏移栅格示例)
- [图片引用方法：](#图片引用方法)
- [button按钮引用方法：](#button按钮引用方法)
- [form引用方法:](#form引用方法)
- [nav头部导航引用：](#nav头部导航引用)
- [链接：](#链接)
- [输入框（input Group):](#输入框input-group)
- [表格用例：](#表格用例)
- [下拉菜单:](#下拉菜单)
- [Zoomla!逐浪CMS团队卓越出品](#zoomla逐浪cms团队卓越出品)
- [翻译日志](#翻译日志)
# Bootstrap-Vue 基于全球最流行的前端框架组合应用系统
## 项目介绍
BootstrapVue中文手册，由Bootstrap中文站(http://code.z01.com/v4 ）官方团队翻译支持，一套将全球最流行的前端框架Bootstap与中国最流行的前端webpack库Vue完美结合的框架，精良翻译，服务国人。
Bootstrap是全球最流行的前端框架，基于twitter团队的奉献。
Vue是中国最火的webpack框架。
二者结合，诞生了BootstrapVue项目。
翻译团队：Zoomla!逐浪CMS
## 相关链接
BootStrap-Vue官方站：https://bootstrap-vue.org/
BootStrap-Vue官方Github库：https://github.com/bootstrap-vue/bootstrap-vue
---
BootStrap中文手册官方站：http://code.z01.com/bootstrap-vue
BootStrap中文手册Github官方库：https://github.com/zoomla/bootstrapVue-cn
BootStrap中文手册Gitee官方库：https://gitee.com/zoomla/Bootstrap-Vue
## 快速安装方法
```
npm i bootstrap-vue
#或者全栈生态
npm install vue bootstrap-vue bootstrap
```
## 快速使用
### 一个快速列偏移栅格示例：
```
left test
right test
```
### 图片引用方法：
```
```
### button按钮引用方法：
```
Button
```
### form引用方法:
```
```
### nav头部导航引用：
```
NavBar
Link
Disabled
Search
EN
CN
User
Profile
Sign Out
```
### 链接：
```
Link
```
### 输入框（input Group):
```
!
Button
Button
```
### 表格用例：
```
export default {
data() {
return {
items: [
{ age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
{ age: 21, first_name: 'Larsen', last_name: 'Shaw' },
{ age: 89, first_name: 'Geneva', last_name: 'Wilson' },
{ age: 38, first_name: 'Jami', last_name: 'Carney' }
]
}
}
}
```
### 下拉菜单:
```
First Action
Second Action
Third Action
Active action
Disabled action
```
## Zoomla!逐浪CMS团队卓越出品
**CMS+AI智能+字库+图库全栈生态-->做中国最优秀的全栈门户服务商**
Zoomla!逐浪CMS：中文业界alexa排名第一的CMS系统|专注.net与windows平台企业级研发，集成内容管理、webfont、商城、店铺、黄页、教育、考试、3D、三维全景、混合现实、CRM、ERP、OA、论坛、贴吧等为一体，打造国内高端的CMS产品典范。
官网：http://www.z01.com
免费下载：http://www.z01.com/mb
视频教程：http://www.z01.com/mtv
模板资源：http://www.z01.com/mb
zico中文图标库：http://ico.z01.com
Uni全球字码表：http://www.ziti163.com/uni
webfont： http://www.ziti163.com/webfont
字典： http://zd.ziti163.com
在线智写做字库： http://v.ziti163.com
方言语音项目： http://a.ziti163.com
智图： http://p.ziti163.com
QQ交流群号：
[](https://jq.qq.com/?_wv=1027&k=5qIayyX) [](https://jq.qq.com/?_wv=1027&k=5Ephzpq) [](https://jq.qq.com/?_wv=1027&k=50a28BK)
官方QQ客服：
[](http://wpa.qq.com/msgrd?v=3&uin=745151353&site=qq&menu=yes) [](http://wpa.qq.com/msgrd?v=3&uin=1799661890&site=qq&menu=yes)
## 翻译日志
- 20200201 启动翻译
- 20200301 小米立同学加入
- 20200425 正式完成翻译