{"id":14069312,"url":"https://github.com/ttskch/select2-bootstrap4-theme","last_synced_at":"2025-05-15T05:08:10.881Z","repository":{"id":41066100,"uuid":"121353933","full_name":"ttskch/select2-bootstrap4-theme","owner":"ttskch","description":"Select2 v4 theme for Bootstrap4","archived":false,"fork":false,"pushed_at":"2022-12-09T11:12:07.000Z","size":94,"stargazers_count":438,"open_issues_count":21,"forks_count":200,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-04-14T08:12:21.862Z","etag":null,"topics":["bootstrap","bootstrap4","css","scss","select2","theme"],"latest_commit_sha":null,"homepage":null,"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/ttskch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":"https://www.paypal.com/paypalme/ttskch"}},"created_at":"2018-02-13T07:50:52.000Z","updated_at":"2025-03-31T20:31:44.000Z","dependencies_parsed_at":"2023-01-26T05:45:50.463Z","dependency_job_id":null,"html_url":"https://github.com/ttskch/select2-bootstrap4-theme","commit_stats":null,"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fselect2-bootstrap4-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fselect2-bootstrap4-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fselect2-bootstrap4-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fselect2-bootstrap4-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ttskch","download_url":"https://codeload.github.com/ttskch/select2-bootstrap4-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254276447,"owners_count":22043867,"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","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","bootstrap4","css","scss","select2","theme"],"created_at":"2024-08-13T07:06:50.886Z","updated_at":"2025-05-15T05:08:05.874Z","avatar_url":"https://github.com/ttskch.png","language":"SCSS","funding_links":["https://www.paypal.com/paypalme/ttskch"],"categories":["SCSS"],"sub_categories":[],"readme":"# select2-bootstrap4-theme\n\n[![npm version](https://img.shields.io/npm/v/@ttskch/select2-bootstrap4-theme.svg?style=flat-square)](https://www.npmjs.com/package/@ttskch/select2-bootstrap4-theme)\n[![npm](https://img.shields.io/npm/dm/@ttskch/select2-bootstrap4-theme?label=npm\u0026style=flat-square)](https://www.npmjs.com/package/@ttskch/select2-bootstrap4-theme)\n[![](https://data.jsdelivr.com/v1/package/npm/@ttskch/select2-bootstrap4-theme/badge)](https://www.jsdelivr.com/package/npm/@ttskch/select2-bootstrap4-theme)\n[![Packagist Version](https://img.shields.io/packagist/v/ttskch/select2-bootstrap4-theme?style=flat-square)](https://packagist.org/packages/ttskch/select2-bootstrap4-theme)\n[![Packagist Downloads](https://img.shields.io/packagist/dm/ttskch/select2-bootstrap4-theme?label=packagist\u0026style=flat-square)](https://packagist.org/packages/ttskch/select2-bootstrap4-theme)\n\n[Select2](https://github.com/select2/select2) v4 theme for Bootstrap4 (Compatible to boostrap 4.0.0+)\n\n## Live demo\n\n👉 https://ttskch.github.io/select2-bootstrap4-theme/\n\n## Installation\n\n### CDN\n\n```html\n\u003clink rel=\"stylesheet\" href=\"/path/to/select2.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@x.x.x/dist/select2-bootstrap4.min.css\"\u003e\n```\n\n### Manually\n\n```bash\n# npm\n$ npm install @ttskch/select2-bootstrap4-theme\n\n# yarn\n$ yarn add @ttskch/select2-bootstrap4-theme\n\n# composer\n$ composer require ttskch/select2-bootstrap4-theme\n```\n\n```html\n\u003clink rel=\"stylesheet\" href=\"/path/to/select2.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"/path/to/select2-bootstrap4.min.css\"\u003e\n```\n\n## Usage\n\n```js\n$('select').select2({\n    theme: 'bootstrap4',\n});\n```\n\n## Getting involved\n\n1. Fix [src/_layout.scss](src/_layout.scss), [src/_single.scss](src/_single.scss) or [src/_multiple.scss](src/_multiple.scss)\n1. Do `npm run build:both`\n1. Send me a Pull Request\n\nYou can use [docs](docs) dir for your development.\n\n1. Do `npm run prepare` (this creates symlink to `dist/select2-bootstrap4.css` onto `docs`)\n1. Serve `docs` with your local web server (e.g. `php -S localhost:8888 -t docs`)\n1. Do `npm run watch`\n1. Tweak scss and browse demo page on your browser\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fttskch%2Fselect2-bootstrap4-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fttskch%2Fselect2-bootstrap4-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fttskch%2Fselect2-bootstrap4-theme/lists"}