https://github.com/mdbootstrap/bootstrap-select-list

Responsive Select list built with Bootstrap 5. Examples include multiselect dropdown, select dropdown with search, placeholders, disabled select and options.
https://github.com/mdbootstrap/bootstrap-select-list

bootstrap bootstrap-list bootstrap-select bootstrap-select-list bootstrap-template bootstrap-theme bootstrap5 html

Last synced: about 1 year ago
JSON representation

Responsive Select list built with Bootstrap 5. Examples include multiselect dropdown, select dropdown with search, placeholders, disabled select and options.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-select-list
Owner: mdbootstrap
License: mit
Created: 2022-09-13T15:09:19.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-09-14T08:00:11.000Z (over 3 years ago)
Last Synced: 2025-02-13T23:04:48.351Z (about 1 year ago)
Topics: bootstrap, bootstrap-list, bootstrap-select, bootstrap-select-list, bootstrap-template, bootstrap-theme, bootstrap5, html
Homepage: https://mdbootstrap.com/docs/standard/extended/select-list/
Size: 41 KB
Stars: 0
Watchers: 5
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Responsive Select list built with Bootstrap 5. Examples include multiselect dropdown, select dropdown with search, placeholders, disabled select and disabled options.

Check out [Bootstrap Select list Documentation](https://mdbootstrap.com/docs/standard/extended/select-list/) for detailed instructions & even more examples.

## Basic example

[Bootstrap Select list:
![Bootstrap 5 Select list](/assets/basic-example.png)](http://localhost:1313/docs/standard/extended/select-list/#section-basic-example)

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Select list Multiple:
![Bootstrap 5 Select list](/assets/multiple.png)](https://mdbootstrap.com/docs/standard/extended/select-list/#section-multiple)

[Bootstrap Select list Search:
![Bootstrap 5 Select list](/assets/search.png)](https://mdbootstrap.com/docs/standard/extended/select-list/#section-search)

[Bootstrap Select list Placeholder:
![Bootstrap 5 Select list](/assets/placeholder.png)](https://mdbootstrap.com/docs/standard/extended/select-list/#section-placeholder)

[Bootstrap Select list Disabled select:
![Bootstrap 5 Select list](/assets/disabled-select.png)](https://mdbootstrap.com/docs/standard/extended/select-list/#section-disabled-select)

[Bootstrap Select list Disabled options:
![Bootstrap 5 Select list](/assets/disabled-options.png)](https://mdbootstrap.com/docs/standard/extended/select-list/#section-disabled-options)

___

## More extended Bootstrap documentation