{"id":20756822,"url":"https://github.com/ibraheem-ghazi/four-boot","last_synced_at":"2025-07-12T03:16:47.847Z","repository":{"id":57241109,"uuid":"131489326","full_name":"ibraheem-ghazi/four-boot","owner":"ibraheem-ghazi","description":"javascript library to convert html select into beautiful Bootstrap 4 dropdown","archived":true,"fork":false,"pushed_at":"2018-11-26T11:48:08.000Z","size":165,"stargazers_count":11,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-09T05:02:11.280Z","etag":null,"topics":["bootstrap","bootstrap4","jquery-plugin"],"latest_commit_sha":null,"homepage":"https://Ibraheem-ghazi.github.io/four-boot/","language":null,"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/ibraheem-ghazi.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}},"created_at":"2018-04-29T11:35:58.000Z","updated_at":"2025-02-18T13:01:26.000Z","dependencies_parsed_at":"2022-09-08T00:40:43.839Z","dependency_job_id":null,"html_url":"https://github.com/ibraheem-ghazi/four-boot","commit_stats":null,"previous_names":["ibraheemalnabriss/four-boot"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/ibraheem-ghazi/four-boot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibraheem-ghazi%2Ffour-boot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibraheem-ghazi%2Ffour-boot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibraheem-ghazi%2Ffour-boot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibraheem-ghazi%2Ffour-boot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ibraheem-ghazi","download_url":"https://codeload.github.com/ibraheem-ghazi/four-boot/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibraheem-ghazi%2Ffour-boot/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264929756,"owners_count":23684869,"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","jquery-plugin"],"created_at":"2024-11-17T09:35:29.402Z","updated_at":"2025-07-12T03:16:47.793Z","avatar_url":"https://github.com/ibraheem-ghazi.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"**FourBoot Bootstrap Select Picker (Bootstrap 4)**\n==========\n\njavascript library to convert html select into beautiful **Bootstrap 4** dropdown\n\n[![](https://data.jsdelivr.com/v1/package/npm/four-boot/badge)](https://www.jsdelivr.com/package/npm/four-boot)\n\n\n### Changelog\nv2.0.0 (2018/08/04)\n* fixed issue (deselect-all dont work)[https://github.com/IbraheemAlnabriss/four-boot/issues/1]\n* fixed issue (added translation feature)[https://github.com/IbraheemAlnabriss/four-boot/issues/2]\n* fixed issue (width size is over)[https://github.com/IbraheemAlnabriss/four-boot/issues/5]\n* fixed issue (Error on IE 11)[https://github.com/IbraheemAlnabriss/four-boot/issues/6]\n\n### Documentation\n```\nhttps://ibraheem-ghazi.github.io/four-boot/\n```\n\n### Dependencies:\n\n* JQuery 1.8+\n* Bootstrap 4.0+ (preferred 4.1)\n\n### CDNJS:\nThe folks at CDNJS host a copy of the library. The CDN is updated after the release is made public, which means there is a delay between the publishing of a release and its availability on the CDN, so keep that in mind. Just use these links:\n\n```\nNot Supported Yet :(\n```\n\n### JSdeliver:\n\n```\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/four-boot@latest/dist/JQuery.four-boot.css\"\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/four-boot@latest/dist/JQuery.four-boot.min.css\"\u003e\n\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/four-boot@latest/dist/JQuery.four-boot.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/four-boot@latest/dist/JQuery.four-boot.js\"\u003e\u003c/script\u003e\n```\n\n### Unpkg:\n\n```\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://unpkg.com/four-boot@latest/dist/JQuery.four-boot.css\"\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://unpkg.com/four-boot@latest/dist/JQuery.four-boot.min.css\"\u003e\n\n\u003cscript src=\"https://unpkg.com/four-boot@latest/dist/JQuery.four-boot.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/four-boot@latest/dist/JQuery.four-boot.js\"\u003e\u003c/script\u003e\n```\n\n### Install with Bower:\n```\nNot Supported Yet :(\n```\n\n### Install with npm:\n```\nnpm install four-boot\n```\n\n\n### Usage:\nCreate your ```\u003cselect\u003e``` then apply four-boot using js code.\n\n```html\n\u003cselect class=\"four-boot-select\" \u003e\n\t\u003coption selected value=\"apple\"\u003eapple\u003c/option\u003e\n\t\u003coption value=\"banana\"\u003ebanana\u003c/option\u003e\n\t\u003coption value=\"watermelon\"\u003ewatermelon\u003c/option\u003e\n\t\u003coption value=\"blueberries\"\u003eblueberries\u003c/option\u003e\n\t\u003coption value=\"apricots\"\u003eapricots\u003c/option\u003e\n\t\u003coption value=\"cantaloupe\"\u003ecantaloupe\u003c/option\u003e\n\u003c/select\u003e\n```\nOptions can be passed via data attributes or JavaScript.\n\n```\n$('select').fourBoot();\n//OR\n$('select').fourBoot({\n\tclass:\"btn-danger\",\n\theight:\"192px\",\n\tliveSearch:true\n});\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibraheem-ghazi%2Ffour-boot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fibraheem-ghazi%2Ffour-boot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibraheem-ghazi%2Ffour-boot/lists"}