https://github.com/ibraheem-ghazi/four-boot

javascript library to convert html select into beautiful Bootstrap 4 dropdown
https://github.com/ibraheem-ghazi/four-boot

bootstrap bootstrap4 jquery-plugin

Last synced: 2 days ago
JSON representation

javascript library to convert html select into beautiful Bootstrap 4 dropdown

• Host: GitHub
• URL: https://github.com/ibraheem-ghazi/four-boot
• Owner: ibraheem-ghazi
• License: mit
• Created: 2018-04-29T11:35:58.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-26T11:48:08.000Z (almost 6 years ago)
• Last Synced: 2024-10-04T16:47:22.654Z (about 2 months ago)
• Topics: bootstrap, bootstrap4, jquery-plugin
• Homepage: https://Ibraheem-ghazi.github.io/four-boot/
• Size: 161 KB
• Stars: 11
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
**FourBoot Bootstrap Select Picker (Bootstrap 4)**

==========

javascript library to convert html select into beautiful **Bootstrap 4** dropdown

[![](https://data.jsdelivr.com/v1/package/npm/four-boot/badge)](https://www.jsdelivr.com/package/npm/four-boot)

### Changelog

v2.0.0 (2018/08/04)

* fixed issue (deselect-all dont work)[https://github.com/IbraheemAlnabriss/four-boot/issues/1]

* fixed issue (added translation feature)[https://github.com/IbraheemAlnabriss/four-boot/issues/2]

* fixed issue (width size is over)[https://github.com/IbraheemAlnabriss/four-boot/issues/5]

* fixed issue (Error on IE 11)[https://github.com/IbraheemAlnabriss/four-boot/issues/6]

### Documentation

```

https://ibraheem-ghazi.github.io/four-boot/

```

### Dependencies:

* JQuery 1.8+

* Bootstrap 4.0+ (preferred 4.1)

### CDNJS:

The 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:

```

Not Supported Yet :(

```

### JSdeliver:

```

```

### Unpkg:

```

```

### Install with Bower:

```

Not Supported Yet :(

```

### Install with npm:

```

npm install four-boot

```

### Usage:

Create your `````` then apply four-boot using js code.

```html

	apple

	banana

	watermelon

	blueberries

	apricots

	cantaloupe

```

Options can be passed via data attributes or JavaScript.

```

$('select').fourBoot();

//OR

$('select').fourBoot({

	class:"btn-danger",

	height:"192px",

	liveSearch:true

});

```