{"id":20506063,"url":"https://github.com/robinradic/bootstrap-advanced-dropdowns","last_synced_at":"2026-04-15T20:32:21.856Z","repository":{"id":58219124,"uuid":"41006709","full_name":"RobinRadic/bootstrap-advanced-dropdowns","owner":"RobinRadic","description":"Advanced bootstrap dropdowns, multi-level, scrollable, icons, badges. css/scss only","archived":false,"fork":false,"pushed_at":"2015-09-03T06:44:00.000Z","size":1780,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-15T22:06:05.597Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RobinRadic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-19T01:35:26.000Z","updated_at":"2016-03-16T02:01:12.000Z","dependencies_parsed_at":"2022-08-31T03:01:03.824Z","dependency_job_id":null,"html_url":"https://github.com/RobinRadic/bootstrap-advanced-dropdowns","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobinRadic%2Fbootstrap-advanced-dropdowns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobinRadic%2Fbootstrap-advanced-dropdowns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobinRadic%2Fbootstrap-advanced-dropdowns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobinRadic%2Fbootstrap-advanced-dropdowns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RobinRadic","download_url":"https://codeload.github.com/RobinRadic/bootstrap-advanced-dropdowns/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242105587,"owners_count":20072515,"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":[],"created_at":"2024-11-15T19:54:01.922Z","updated_at":"2026-04-15T20:32:21.812Z","avatar_url":"https://github.com/RobinRadic.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Bootstrap Advanced Dropdowns\n=============================\n\n\n[![Bower](https://img.shields.io/bower/v/bootstrap-advanced-dropdowns.svg)](https://www.npmjs.com/package/bootstrap-advanced-dropdowns)\n[![npm downloads](https://img.shields.io/npm/dm/bootstrap-advanced-dropdowns.svg)](https://www.npmjs.com/package/bootstrap-advanced-dropdowns)\n[![License](http://img.shields.io/badge/license-MIT-ff69b4.svg?style=flat-square)](http://radic.mit-license.org)\n\n\nImproved dropdown menus for bootstrap. Highly customizable `SCSS` styles with a modular approach and easymode theme creation.\n \nComes with several ready to use example themes. \n\n#### [View Demo](http://robin.radic.nl/bootstrap-advanced-dropdowns/)\n\n### Features\n\n##### Dropdown features\n- Unlimited multi-level dropdown menu\n- Scrollable dropdown\n- Dropdown notification list\n- Dropdown task list\n- Normal and inversed dropdown colors\n- Icons and badges\n- Headers, footers, seperators.\n- Additional utility classes to help with positioning and dimensions\n\n##### Implementation features\n- Easy to override or extend\n- Modular approach. Exclude stuff you don't want / Include only the stuff you want.\n- Highly customisable\n- Or if your already content with the package as-is, simply include the css or scss in your own project.\n\n\n### Installation\n\n##### Bower\n`bower install --save bootstrap-advanced-dropdowns`\n\n##### Npm\n`npm install --save bootstrap-advanced-dropdowns`\n\n##### Direct download\n[Click here](https://gitbub.com) to download the latest version\n\n\n### Implementing\n\n##### CSS\nWithout the use of SCSS, you can simply reference bootstrap-advaced-dropdowns in your html. \n```html\n\u003clink href=\"path/to/bootstrap-advanced-dropdowns/bootstrap-advaced-dropdowns.css\" type=\"text/css\" rel=\"stylesheet\"/\u003e\n\u003clink href=\"path/to/bootstrap-advanced-dropdowns/themes/dropdown-theme-default.css\" type=\"text/css\" rel=\"stylesheet\"/\u003e\n```\n\n##### SCSS\nBy using SCSS you will have multiple ways of implementing. \n\nHere's an **example** of how to completely customize bootstrap-advanced-dropdowns. \n\n**Note** that there are other ways of implementing. This is the most complete one. \n \n**Before importing any bootstrap-advanced-dropdowns `scss` file, ensure bootstrap variables and mixins have been imported**\n```scss\n@import \"path/to/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables\";\n@import \"path/to/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins\";\n```\n \n**your-project / _variables.scss**\n```scss\n// ... your code ...\n\n$dropdown-class-prefix:                                     'dropdown';\n$dropdown-include-utilities:                                true;\n$dropdown-include-notifications:                            true;\n$dropdown-include-task-list:                                true;\n$dropdown-include-scrollable:                               true;\n\n// ... your code ...\n```\n\n**your-project / stylesheet.scss**\n```scss\n// ... your code ...\n\n@import \"your-project/_variables.scss\"\n\n// ... your code ...\n\n@import \"path/to/bootstrap-advanced-dropdowns/dropdown\";\n```\n\nIf your `SCSS` structure uses a multi-theme approach, you can add the following to the theme file.\nOtherwise, you could append it to the code above.\n\n**your-project / themes / theme-one-stylesheet.scss**\n```scss\n// ... your code ...\n\n@import \"your-project/_variables.scss\"\n\n// ... your code ...\n\n\n// Overide bootstrap-advanced-dropdown theme variables.\n// Check out the bootstrap-advanced-dropdown/_theme-variables.scss file for all variables\n\n@import \"path/to/bootstrap-advanced-dropdowns/theme-variables\";\n\n$dropdown-box-shadow-size:                                  5px;\n$dropdown-wide-min-width:                                   300px;\n$dropdown-header-font-size:                                 13px;\n$dropdown-bg:                                               #ffffff;\n$dropdown-box-shadow-color:                                 rgba(#222, 0.2);\n$dropdown-header-bg:                                        #e4e4e4;\n$dropdown-inverse-bg:                                       #333333;\n$dropdown-inverse-box-shadow-color:                         rgba(#000, 0.2);\n$dropdown-inverse-header-bg:                                #454545;\n$dropdown-inverse-header-color:                             #b3b3b3;\n$dropdown-tasklist-item-border-color:                       #e4e4e4;\n$dropdown-inverse-tasklist-item-border-color:               #484848;\n$dropdown-inverse-notifications-icon-color:                 #d8d1d1;\n$dropdown-inverse-notifications-item-border-color:          #484848;\n\n@import \"path/to/bootstrap-advanced-dropdowns/themes/theme\";\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinradic%2Fbootstrap-advanced-dropdowns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobinradic%2Fbootstrap-advanced-dropdowns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinradic%2Fbootstrap-advanced-dropdowns/lists"}