{"id":19020548,"url":"https://github.com/zoomla/bootstrapvue-cn","last_synced_at":"2025-09-04T10:46:32.411Z","repository":{"id":93107202,"uuid":"245752836","full_name":"zoomla/bootstrapVue-cn","owner":"zoomla","description":"BootstrapVue中文手册，由Bootstrap中文站(http://code.z01.com/v4）官方团队翻译支持，一套将全球最流行的前端框架Bootstap与中国最流行的前端webpack库Vue完美结合的框架，精良翻译，服务国人。","archived":false,"fork":false,"pushed_at":"2020-04-26T08:30:18.000Z","size":12321,"stargazers_count":50,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-23T06:34:44.036Z","etag":null,"topics":["bootstrap","bootstrapvue","css","vue"],"latest_commit_sha":null,"homepage":"http://code.z01.com/bootstrap-vue","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zoomla.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-03-08T04:40:02.000Z","updated_at":"2024-09-26T10:26:48.000Z","dependencies_parsed_at":"2023-06-04T21:45:25.081Z","dependency_job_id":null,"html_url":"https://github.com/zoomla/bootstrapVue-cn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zoomla/bootstrapVue-cn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoomla%2FbootstrapVue-cn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoomla%2FbootstrapVue-cn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoomla%2FbootstrapVue-cn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoomla%2FbootstrapVue-cn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zoomla","download_url":"https://codeload.github.com/zoomla/bootstrapVue-cn/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoomla%2FbootstrapVue-cn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273595739,"owners_count":25134258,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrapvue","css","vue"],"created_at":"2024-11-08T20:17:29.013Z","updated_at":"2025-09-04T10:46:32.351Z","avatar_url":"https://github.com/zoomla.png","language":"HTML","funding_links":["https://opencollective.com/bootstrap-vue"],"categories":[],"sub_categories":[],"readme":"\n\u003c!-- TOC --\u003e\n\n- [Bootstrap-Vue 基于全球最流行的前端框架组合应用系统](#bootstrap-vue-基于全球最流行的前端框架组合应用系统)\n    - [项目介绍](#项目介绍)\n    - [相关链接](#相关链接)\n    - [快速安装方法](#快速安装方法)\n    - [快速使用](#快速使用)\n        - [一个快速列偏移栅格示例：](#一个快速列偏移栅格示例)\n        - [图片引用方法：](#图片引用方法)\n        - [button按钮引用方法：](#button按钮引用方法)\n        - [form引用方法:](#form引用方法)\n        - [nav头部导航引用：](#nav头部导航引用)\n        - [链接：](#链接)\n        - [输入框（input Group):](#输入框input-group)\n        - [表格用例：](#表格用例)\n        - [下拉菜单:](#下拉菜单)\n    - [Zoomla!逐浪CMS团队卓越出品](#zoomla逐浪cms团队卓越出品)\n    - [翻译日志](#翻译日志)\n\n\u003c!-- /TOC --\u003e\n\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://code.z01.com/bootstrap-vue\"\u003e\n    \u003cimg src=\"http://code.z01.com/bootstrap-vue/style/icons/icon_512.png\" width=\"300\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\n\n\u003cp align=\"center\"\u003e\n\n  \u003ca href=\"https://www.npmjs.com/package/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/npm/v/bootstrap-vue\" alt=\"Current version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://getbootstrap.com/docs\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/badge/bootstrap/4.3.x/563d7c\" alt=\"Bootstrap version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://vuejs.org\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/badge/vue.js/2.6.x/4fc08d\" alt=\"Vue.js version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/bootstrap-vue/bootstrap-vue/actions?workflow=Tests\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/github/status/bootstrap-vue/bootstrap-vue\" alt=\"Build status\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/bootstrap-vue/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/david/dep/bootstrap-vue/bootstrap-vue\" alt=\"Dependencies status\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://codecov.io/gh/bootstrap-vue/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/codecov/c/github/bootstrap-vue/bootstrap-vue\" alt=\"Coverage\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://packagequality.com/#?package=bootstrap-vue\"\u003e\n    \u003cimg src=\"https://npm.packagequality.com/shield/bootstrap-vue.svg?style=flat-square\" alt=\"Package quality\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/npm/dt/bootstrap-vue\" alt=\"npm downloads\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/npm/dw/bootstrap-vue\" alt=\"npm monthly downloads\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://opencollective.com/bootstrap-vue#sponsor\"\u003e\n    \u003cimg src=\"https://opencollective.com/bootstrap-vue/sponsors/badge.svg?style=flat-square\" alt=\"Open Collective sponsors\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://opencollective.com/bootstrap-vue#backer\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/opencollective/backers/bootstrap-vue\" alt=\"Open Collective backers\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://opencollective.com/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://flat.badgen.net/opencollective/balance/bootstrap-vue\" alt=\"Open Collective balance\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# Bootstrap-Vue 基于全球最流行的前端框架组合应用系统\n\n\n## 项目介绍\nBootstrapVue中文手册，由Bootstrap中文站(http://code.z01.com/v4 ）官方团队翻译支持，一套将全球最流行的前端框架Bootstap与中国最流行的前端webpack库Vue完美结合的框架，精良翻译，服务国人。\n\nBootstrap是全球最流行的前端框架，基于twitter团队的奉献。\nVue是中国最火的webpack框架。\n二者结合，诞生了BootstrapVue项目。\n\n翻译团队：Zoomla!逐浪CMS\n\n## 相关链接\n\nBootStrap-Vue官方站：https://bootstrap-vue.org/\n\nBootStrap-Vue官方Github库：https://github.com/bootstrap-vue/bootstrap-vue\n\n---\nBootStrap中文手册官方站：http://code.z01.com/bootstrap-vue\n\nBootStrap中文手册Github官方库：https://github.com/zoomla/bootstrapVue-cn\n\nBootStrap中文手册Gitee官方库：https://gitee.com/zoomla/Bootstrap-Vue\n\n\n\n##  快速安装方法 \n```\nnpm i bootstrap-vue\n#或者全栈生态\nnpm install vue bootstrap-vue bootstrap\n```\n\n## 快速使用\n\n### 一个快速列偏移栅格示例：\n```\n\u003cb-container fluid=\"xl\" class=\"\"\u003e\n   \u003cb-row\u003e\n   \u003cb-col md=\"4\" offset=\"2\"\u003eleft test\n   \u003c/b-col\u003e\n   \u003cb-col md=\"6\"\u003eright test\n   \u003c/b-col\u003e\n   \u003c/b-row\u003e\n\u003c/b-container\u003e\n```\n\n### 图片引用方法：\n```\n\u003cb-img src=\"../assets/images/name.png\" alt=\"\"\u003e\u003c/b-img\u003e\n```\n\n### button按钮引用方法：\n```\n\u003cb-button variant=\"danger\"\u003eButton\u003c/b-button\u003e\n\n```\n\n### form引用方法:\n```\n\u003cb-form-input v-model=\"text\" placeholder=\"Enter your name\"\u003e\u003c/b-form-input\u003e\n```\n\n\n### nav头部导航引用：\n```\n   \u003cb-navbar toggleable=\"lg\" type=\"dark\" variant=\"info\"\u003e\n   \u003cb-navbar-brand href=\"#\"\u003eNavBar\u003c/b-navbar-brand\u003e\n   \u003cb-navbar-toggle target=\"nav-collapse\"\u003e\u003c/b-navbar-toggle\u003e\n   \u003cb-collapse id=\"nav-collapse\" is-nav\u003e\n       \u003cb-navbar-nav\u003e\n       \u003cb-nav-item href=\"#\"\u003eLink\u003c/b-nav-item\u003e\n       \u003cb-nav-item href=\"#\" disabled\u003eDisabled\u003c/b-nav-item\u003e\n       \u003c/b-navbar-nav\u003e\n       \u003cb-navbar-nav class=\"ml-auto\"\u003e\n       \u003cb-nav-form\u003e\n       \u003cb-form-input size=\"sm\" class=\"mr-sm-2\" placeholder=\"Search\"\u003e\u003c/b-form-input\u003e\n       \u003cb-button size=\"sm\" class=\"my-2 my-sm-0\" type=\"submit\"\u003eSearch\u003c/b-button\u003e\n      \u003c/b-nav-form\u003e\n      \u003cb-nav-item-dropdown text=\"Lang\" right\u003e\n          \u003cb-dropdown-item href=\"#\"\u003eEN\u003c/b-dropdown-item\u003e\n          \u003cb-dropdown-item href=\"#\"\u003eCN\u003c/b-dropdown-item\u003e\n      \u003c/b-nav-item-dropdown\u003e\n      \u003cb-nav-item-dropdown right\u003e\n          \u003ctemplate v-slot:button-content\u003e\n          \u003cem\u003eUser\u003c/em\u003e\n          \u003c/template\u003e\n          \u003cb-dropdown-item href=\"#\"\u003eProfile\u003c/b-dropdown-item\u003e\n          \u003cb-dropdown-item href=\"#\"\u003eSign Out\u003c/b-dropdown-item\u003e\n      \u003c/b-nav-item-dropdown\u003e\n      \u003c/b-navbar-nav\u003e\n   \u003c/b-collapse\u003e\n   \u003c/b-navbar\u003e\n```\n\n### 链接：\n```\n \u003cb-link href=\"#foo\"\u003eLink\u003c/b-link\u003e\n```\n\n### 输入框（input Group):\n```\n\u003cdiv\u003e\n  \u003c!-- Using props --\u003e\n  \u003cb-input-group size=\"lg\" prepend=\"$\" append=\".00\"\u003e\n    \u003cb-form-input\u003e\u003c/b-form-input\u003e\n  \u003c/b-input-group\u003e\n\n  \u003c!-- Using slots --\u003e\n  \u003cb-input-group class=\"mt-3\"\u003e\n    \u003ctemplate v-slot:append\u003e\n      \u003cb-input-group-text\u003e\u003cstrong class=\"text-danger\"\u003e!\u003c/strong\u003e\u003c/b-input-group-text\u003e\n    \u003c/template\u003e\n    \u003cb-form-input\u003e\u003c/b-form-input\u003e\n  \u003c/b-input-group\u003e\n\n  \u003c!-- Using components --\u003e\n  \u003cb-input-group prepend=\"Username\" class=\"mt-3\"\u003e\n    \u003cb-form-input\u003e\u003c/b-form-input\u003e\n    \u003cb-input-group-append\u003e\n      \u003cb-button variant=\"outline-success\"\u003eButton\u003c/b-button\u003e\n      \u003cb-button variant=\"info\"\u003eButton\u003c/b-button\u003e\n    \u003c/b-input-group-append\u003e\n  \u003c/b-input-group\u003e\n\u003c/div\u003e\n```\n\n### 表格用例：\n```\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    \u003cb-table striped hover :items=\"items\"\u003e\u003c/b-table\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  export default {\n    data() {\n      return {\n        items: [\n          { age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },\n          { age: 21, first_name: 'Larsen', last_name: 'Shaw' },\n          { age: 89, first_name: 'Geneva', last_name: 'Wilson' },\n          { age: 38, first_name: 'Jami', last_name: 'Carney' }\n        ]\n      }\n    }\n  }\n\u003c/script\u003e\n```\n\n### 下拉菜单:\n```\n\u003cdiv\u003e\n  \u003cb-dropdown id=\"dropdown-1\" text=\"Dropdown Button\" class=\"m-md-2\"\u003e\n    \u003cb-dropdown-item\u003eFirst Action\u003c/b-dropdown-item\u003e\n    \u003cb-dropdown-item\u003eSecond Action\u003c/b-dropdown-item\u003e\n    \u003cb-dropdown-item\u003eThird Action\u003c/b-dropdown-item\u003e\n    \u003cb-dropdown-divider\u003e\u003c/b-dropdown-divider\u003e\n    \u003cb-dropdown-item active\u003eActive action\u003c/b-dropdown-item\u003e\n    \u003cb-dropdown-item disabled\u003eDisabled action\u003c/b-dropdown-item\u003e\n  \u003c/b-dropdown\u003e\n\u003c/div\u003e\n```\n## Zoomla!逐浪CMS团队卓越出品\n**CMS+AI智能+字库+图库全栈生态--\u003e做中国最优秀的全栈门户服务商**\n\nZoomla!逐浪CMS：中文业界alexa排名第一的CMS系统|专注.net与windows平台企业级研发，集成内容管理、webfont、商城、店铺、黄页、教育、考试、3D、三维全景、混合现实、CRM、ERP、OA、论坛、贴吧等为一体，打造国内高端的CMS产品典范。\n\n官网：http://www.z01.com\n\n免费下载：http://www.z01.com/mb\n\n视频教程：http://www.z01.com/mtv\n\n模板资源：http://www.z01.com/mb\n\nzico中文图标库：http://ico.z01.com\n\nUni全球字码表：http://www.ziti163.com/uni\n\nwebfont： http://www.ziti163.com/webfont\n\n字典： http://zd.ziti163.com\n\n在线智写做字库： http://v.ziti163.com\n\n方言语音项目： http://a.ziti163.com\n\n智图： http://p.ziti163.com\n\n\nQQ交流群号：\n[![加入QQ群](https://img.shields.io/badge/一群-541450128-blue.svg?style=for-the-badge\u0026logo=appveyor)](https://jq.qq.com/?_wv=1027\u0026k=5qIayyX)  [![加入QQ群](https://img.shields.io/badge/二群-541450128-blue.svg?style=for-the-badge\u0026logo=appveyor)](https://jq.qq.com/?_wv=1027\u0026k=5Ephzpq)   [![加入QQ群](https://img.shields.io/badge/三群-601781959-blue.svg?style=for-the-badge\u0026logo=appveyor)](https://jq.qq.com/?_wv=1027\u0026k=50a28BK) \n\n\n官方QQ客服：\n[![官方QQ客服1](https://img.shields.io/badge/官方QQ客服1-524979923-red.svg?style=for-the-badge\u0026logo=appveyor)](http://wpa.qq.com/msgrd?v=3\u0026uin=745151353\u0026site=qq\u0026menu=yes)  [![官方QQ客服2](https://img.shields.io/badge/官方QQ客服2-1799661890-red.svg?style=for-the-badge\u0026logo=appveyor)](http://wpa.qq.com/msgrd?v=3\u0026uin=1799661890\u0026site=qq\u0026menu=yes) \n\n\n\n\n## 翻译日志\n- 20200201 启动翻译\n- 20200301 小米立同学加入\n- 20200425 正式完成翻译\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoomla%2Fbootstrapvue-cn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzoomla%2Fbootstrapvue-cn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoomla%2Fbootstrapvue-cn/lists"}