bootstrap-fullscreen-select

KO | EN

gitlite — search

#ai #llm #go #golang #android #deep-learning #docker #windows #cli #vue #security #pytorch #openai #open-source

bootstrap-fullscreen-select

(★ 85)

[unmaintained] Fullscreen select for mobile devices.

File Explorer

Download Latest Version (.zip)

- bootstrap-fullscreen-select.css
- bootstrap-fullscreen-select.css.map
- bootstrap-fullscreen-select.less
- - fontawesome-webfont.eot
  - fontawesome-webfont.svg
  - fontawesome-webfont.ttf
  - fontawesome-webfont.woff
  - FontAwesome.otf
  - glyphicons-halflings-regular.eot
  - glyphicons-halflings-regular.svg
  - glyphicons-halflings-regular.ttf
  - glyphicons-halflings-regular.woff
- - bootstrap-theme.min.css
  - bootstrap.min.css
  - bootstrap.min.js
  - default.min.css
  - font-awesome.min.css
  - highlight.min.js
  - jquery.min.js
  - pretty.js
- demo.min.css
- demo.min.js
- logo-name.svg
- - bootstrap-fullscreen-select.css
  - bootstrap-fullscreen-select.css.map
- - bootstrap-fullscreen-select.min.js
- bootstrap-fullscreen-select.js
- bootstrap-fullscreen-select.min.js
- project.properties
- project.xml
.gitignore
bootstrap-fullscreen-select.jquery.json
index.html
LICENSE
params.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

bootstrap-fullscreen-select
================
A custom fullscreen select / multiselect for Bootstrap using BUTTONS or User defined elements, designed for mobile devices.<br>
Often UI developers may need to trigger the select via a custom element, That is fullfilled using the `data-triggerOn` attribute. and access the custom element from the mobileSelect's callback functions.
mobileSelect makes it easy for mobile users to get the most of their screen.

inspired by, [phonegap](http://phonegap.com/), [cordova](http://cordova.apache.org/) & [bootstrap-select](https://github.com/silviomoreto/bootstrap-select)

## Installation

Download the latest release [here](https://github.com/craftpip/bootstrap-fullscreen-select/archive/master.zip)<br>
A full documentation page is included within the release.

copy the css and js files from `/dist/` to your project, and link them to your HTML page.<br>
and finally via Javascript run `$('select').mobileSelect()`.

## Demo and Documentation

See a Bootstrap 3 example [here](http://craftpip.github.io/bootstrap-fullscreen-select).

## Authors

[Boniface Pereira](https://github.com/craftpip)

## Basic Usage

Create your `<select>` with the `.mobileSelect` class.
```html
<select class="mobileSelect">
    <option value="pizza">Pizza</option>
    <option value="burger">Burger</option>
    <option value="tacos">Tacos</option>
    <option value="garlic-bread">Garlic Bread</option>
</select>
```

Then you need to initialize the plugin within the [`$(document).ready()`](http://api.jquery.com/ready/) block.
```js
$('.mobileSelect').mobileSelect();
```
Or
```js
// To style all <select>s
$('select').mobileSelect();
```

Checkout the [documentation](http://craftpip.github.io/bootstrap-fullscreen-select) for further information.

## Copyright and license

Licensed under [the MIT license](LICENSE).

bootstrap-fullscreen-select

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

bootstrap-fullscreen-select

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README