{"id":19279866,"url":"https://github.com/oruga-ui/theme-bootstrap","last_synced_at":"2025-07-26T12:40:14.436Z","repository":{"id":43273431,"uuid":"442553989","full_name":"oruga-ui/theme-bootstrap","owner":"oruga-ui","description":"⚓ Customization of Oruga components with Bootstrap framework","archived":false,"fork":false,"pushed_at":"2025-07-15T12:04:13.000Z","size":984,"stargazers_count":16,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-16T00:22:01.849Z","etag":null,"topics":["bootstrap","css","oruga","theme","ui","ux"],"latest_commit_sha":null,"homepage":"https://oruga-ui.com","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oruga-ui.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":null},"created_at":"2021-12-28T18:43:20.000Z","updated_at":"2025-07-15T12:03:30.000Z","dependencies_parsed_at":"2024-01-02T09:54:35.452Z","dependency_job_id":"9a453bf9-b7ea-4b68-9801-442613b65445","html_url":"https://github.com/oruga-ui/theme-bootstrap","commit_stats":null,"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"purl":"pkg:github/oruga-ui/theme-bootstrap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-bootstrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-bootstrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-bootstrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-bootstrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oruga-ui","download_url":"https://codeload.github.com/oruga-ui/theme-bootstrap/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-bootstrap/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266319376,"owners_count":23910501,"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-07-21T11:47:31.412Z","response_time":64,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"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","css","oruga","theme","ui","ux"],"created_at":"2024-11-09T21:16:12.682Z","updated_at":"2025-07-26T12:40:14.429Z","avatar_url":"https://github.com/oruga-ui.png","language":"SCSS","readme":"\u003cp align=\"center\"\u003e\n    \u003cimg width=\"150\" src=\"https://raw.githubusercontent.com/oruga-ui/theme-bootstrap/main/public/logo.svg\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  ⚓ \u003ci\u003e\u003ca href=\"https://getbootstrap.com/\" target=\"_blank\"\u003eBootstrap\u003c/a\u003e theme for \u003ca href=\"https://oruga.io\" target=\"_blank\"\u003eOruga\u003c/a\u003e\u003c/i\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@oruga-ui/theme-bootstrap\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/@oruga-ui/theme-bootstrap.svg?logo=npm\" alt=\"Oruga Bootstrap theme version\" /\u003e\n    \u003ca\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@oruga-ui/theme-bootstrap\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/dt/@oruga-ui/theme-bootstrap.svg\" alt=\"Oruga Bootstrap theme downloads\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://getbootstrap.com/docs\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/bootstrap-5.3.x-712cf9\" alt=\"Bootstrap version\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://vuejs.org\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/vue.js-3.x-4fc08d\" alt=\"Vue.js version\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://discord.gg/RuKuBYN\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/chat-on%20discord-7289DA.svg?logo=discord\"  alt=\"Discord Link\"/\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n### Install\n\n```sh\nnpm install @oruga-ui/theme-bootstrap\n```\n\nor\n\n```sh\nyarn add @oruga-ui/theme-bootstrap\n```\n\n### Configure\n\n```js\nimport { createApp } from \"vue\";\nimport App from \"./App.vue\";\n\n// import Oruga\nimport Oruga from \"@oruga-ui/oruga-next\";\n\n// import Oruga Bootstrap theme config\nimport { bootstrapConfig } from \"@oruga-ui/theme-bootstrap\";\n\n// import Bootstrap and Oruga styling\nimport \"@oruga-ui/theme-bootstrap/dist/bootstrap.css\";\n\ncreateApp(App).use(Oruga, bootstrapConfig).mount(\"#app\");\n```\n\nPlease note, this package can be used without importing any other Oruga styling or theme.\n\n### Customization (SASS/SCSS)\n\nYou have two options for including the theme: include all the styling at once (including the full Bootstrap), or include the Oruga theme and Bootstrap separately.\n\n```scss\n// Option A: Include all styling (including Bootstrap)\n\n// Include any default variable overrides here (though functions and maps won't be available here)\n// ...\n\n// Include the Oruga Bootstrap theme with Bootstrap included\n@import \"/node_modules/@oruga-ui/theme-bootstrap/dist/scss/bootstrap-build\";\n\n// Then add additional custom code here\n// ...\n```\n\n```scss\n// Option B: Include the Oruga theme and Bootstrap separately\n\n// 1. Include Bootstrap functions first (so you can manipulate colors, SVGs, calc, etc)\n@import \"/node_modules/bootstrap/scss/functions\";\n\n// 2. Include any default variable overrides here\n// ...\n\n// 3. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)\n@import \"/node_modules/bootstrap/scss/variables\";\n@import \"/node_modules/bootstrap/scss/variables-dark\";\n\n// 4. Include the Oruga Bootstrap theme variables\n@import \"/node_modules/@oruga-ui/theme-bootstrap/dist/scss/utils/variables\";\n\n// 5. Include any default map overrides here\n// ...\n\n// 6. Include the remaining parts or full Bootstrap\n@import \"/node_modules/bootstrap/scss/bootstrap\";\n\n// 7. Include the Oruga Bootstrap theme components styles\n@import \"/node_modules/@oruga-ui/theme-bootstrap/dist/scss/bootstrap\";\n\n// 8. Add additional custom code here\n// ...\n```\n\n### Override default config\n\nIn case you want to replace the default style of a component you can override or add new classes changing `bootstrapConfig`; more details about components customization on https://oruga.io/documentation/#customization\n\n```js\nimport { createApp } from \"vue\";\n\nimport Oruga from \"@oruga-ui/oruga-next\";\nimport { bootstrapConfig } from \"@oruga-ui/theme-bootstrap\";\n\nimport \"@oruga-ui/theme-bootstrap/dist/bootstrap.css\";\n\nconst custombootstrapConfig = {\n    ...bootstrapConfig,\n    checkbox: {\n        override: true,\n        rootClass: \"checkbox\",\n    },\n};\n\ncreateApp(App).use(Oruga, custombootstrapConfig).mount(\"#app\");\n```\n\n## Contributors\n\nThank you to everyone involved for improving this project, day by day 💚\n\n\u003ca href=\"https://github.com/oruga-ui/theme-bootstrap\"\u003e\n  \u003cimg\n  src=\"https://contrib.rocks/image?repo=oruga-ui/theme-bootstrap\"\n  /\u003e\n\u003c/a\u003e\n\n[Complete list](CONTRIBUTORS.md).\n\n## License\n\nCode released under [MIT](https://github.com/oruga-ui/theme-bootstrap/blob/main/LICENSE) license.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foruga-ui%2Ftheme-bootstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foruga-ui%2Ftheme-bootstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foruga-ui%2Ftheme-bootstrap/lists"}