Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kevingostomski/bootstrap-nice-select

Creates a modern looking select field for form submits which can be customized. It is built with Bootstrap and does not need jQuery to be initialized
https://github.com/kevingostomski/bootstrap-nice-select

bootstrap bootstrap-nice-select bootstrap4 bootstrap5 dropdown javascript select ui ux

Last synced: about 2 months ago
JSON representation

Creates a modern looking select field for form submits which can be customized. It is built with Bootstrap and does not need jQuery to be initialized

Host: GitHub
URL: https://github.com/kevingostomski/bootstrap-nice-select
Owner: kevingostomski
License: mit
Archived: true
Created: 2023-03-31T08:30:59.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-05-10T07:33:49.000Z (6 months ago)
Last Synced: 2024-09-26T01:56:57.184Z (about 2 months ago)
Topics: bootstrap, bootstrap-nice-select, bootstrap4, bootstrap5, dropdown, javascript, select, ui, ux
Language: SCSS
Homepage: https://kevingostomski.github.io/bootstrap-nice-select/
Size: 1.09 MB
Stars: 5
Watchers: 1
Forks: 0
Open Issues: 5
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md

Awesome Lists containing this project

README

![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/kevingostomski/bootstrap-nice-select/build-jekyll.yml)
![npm](https://img.shields.io/npm/v/bootstrap-nice-select)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/kevingostomski/bootstrap-nice-select/dev/webpack)
![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/kevingostomski/bootstrap-nice-select)
![Website](https://img.shields.io/website?down_color=lightgrey&down_message=offline&up_color=blue&up_message=online&url=https%3A%2F%2Fkevingostomski.github.io%2Fbootstrap-nice-select%2F)
![GitHub](https://img.shields.io/github/license/kevingostomski/bootstrap-nice-select)

# **[Bootstrap-Nice-Select](https://kevingostomski.github.io/bootstrap-nice-select/)**

> :warning: This package has been deprecated in favor of [better-nice-select](https://kevingostomski.github.io/better-nice-select/). Please consider migrating to `better-nice-select` for continued support and updates: [https://github.com/kevingostomski/better-nice-select](https://github.com/kevingostomski/better-nice-select)

A modern looking select field for form submits which uses Bootstrap as dependency to style it. It can be initialized over HTML or JS and does not need jQuery to work with!

# **Features**

- Created for Twitter Bootstrap (All versions supported)
- Responsive web design
- Modern looking scrollable select lists
- Fully skinnable, CSS built with SASS
- Localization
- Get data in JSON format using AJAX/Fetch and have them searchable
- Allow users to type in new options and add it on the fly
- Setting icons option to override possible currently available themes
- Options for calling methods which will be automatically added after the respective event listeners

# **Installation**

### Manual Download

Use [Releases Pages](https://github.com/kevingostomski/bootstrap-nice-select/releases) or clone the repo: `https://github.com/kevingostomski/bootstrap-nice-select.git` and use the `dist` folder.

### Npm

```
npm install bootstrap-nice-select
```

### Yarn

```
yarn add bootstrap-nice-select
```

### CDN

You can source bootstrap-nice-select directly from a CDN like [unpkg](https://unpkg.com).

```

> The CDN is updated after the release is made public, which means that there is probably a delay between the publishing of a release and its availability on the CDN.

# **Release History**
Look at the [Change Log](CHANGELOG.md).

# **Local Development**

Development of this plugin was with [Visual Studio Code](https://code.visualstudio.com/).

To develop `bootstrap-nice-select` locally please run:

```
mkdir bootstrap-nice-select-dev
cd bootstrap-nice-select-dev
git clone https://github.com/kevingostomski/bootstrap-nice-select.git
git clone https://github.com/kevingostomski/bootstrap-nice-select-examples.git
cd bootstrap-nice-select
npm link
cd ..
cd bootstrap-nice-select-examples
npm link bootstrap-nice-select
```

To develop the component, the VS Code plugin [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) was used (special thanks to the maintainers for this wonderful plugin).
In addition, if you want to update the `npm link` project which is used, use `npm run dev` so sourcemaps are available to test the project better.

# **Copyright and license**

The license is available within the repository in the [LICENSE](LICENSE) file.