Stack Overflow
Stack Overflow

Questions tagged [bootstrap-select]

A custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

Bootstrap-select is jQuery plugin for bootstrap. It replaces the select HTML tags with Bootstrap dropdown buttons.

Quick Start

Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.1 minimum requirements can be downloaded here.

If using bootstrap-select with Bootstrap v4+, you'll also need Popper.js. For all of Bootstrap v4's requirements, see Getting started. A precompiled version of the requirements will be made available in an upcoming release of bootstrap-select.

Several quick start options are available:

  • Download the latest release.
  • Clone the repo: git clone https://github.com/snapappointments/bootstrap-select.git
  • Install with npm: npm install bootstrap-select
  • Install with yarn: yarn add bootstrap-select
  • Install with Composer: composer require snapappointments/bootstrap-select
  • Install with NuGet: Install-Package bootstrap-select
  • Install with Bower: bower install bootstrap-select
  • Install via CDN (cdnjs or jsDelivr):

Stack Snippet Starter Pack

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/js/i18n/defaults-*.min.js"></script>


<select class="selectpicker">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Barbecue</option>
</select>

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

Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the documentation for more information.

594 questions
0
votes
2 answers

show a bootstrap-select element inside a qtip2

I'm trying to show a bootstrap select element inside a qtip2 element. The select element hides behind the qtip element and adjusting the z-index doesn't seem to do anything html qtip js $(document).ready(function () { …
waspinator
  • 6,464
  • 11
  • 52
  • 78
0
votes
1 answer

silviomoreto / bootstrap-select / collapse

I use silviomoreto / bootstrap-select for select. Here is silviomoreto / bootstrap-select documentation: silviomoreto.github.io/bootstrap-select/ So I have a select and collaplsing block. That block have to collapse by selecting any options in…
Dj.Sunrise
  • 483
  • 5
  • 10
  • 23
0
votes
1 answer

Flat-UI, Bootstrap-Select and MeteorJS EventHandlers

I am using Flat-UI (http://designmodo.github.io/Flat-UI/) to aid with the front-end elements of a small MeteorJS App I am building. The problem I am having is that I can't capture events when a select box is clicked. Template.selector.rendered =…
dennismonsewicz
  • 25,132
  • 33
  • 116
  • 189
0
votes
1 answer

Bootstrap-Select in ASPNET not showing the options when clicking the button

I'm using asp.net and bootstrap. I've got a dropdownlist that I want to deuglify using bootstrap-select. The problem is that if I click the dropdownlist, it doesn't show its content, but if I press a key when it's focused it will display the…
efredz
  • 13
  • 2
  • 7
0
votes
1 answer

Nuget Twitter Bootstrap-Multi Select and Nuget Twitter Bootstrap-Select

Nuget Twitter Bootstrap-Multiselect and Nuget Twitter Bootstrap-Select Are they the same package? Or two seperate packages? I need the checkboxlist from Bootstrap-Multiselect, but the only package available on Nuget is Twitter Bootstrap-Select?
user3288872
  • 47
  • 1
  • 9
0
votes
1 answer

Using Bootstrap Select For Multiple Select Not Working Properlly

I am using BootStrap-Select for multi-selection purpose.If i have 10 options and I select 3 or more options and now going to select a 4th one then the other selected option unselect randomly. I am using bootstrap select following…
Manu
  • 263
  • 2
  • 6
  • 14
0
votes
1 answer

Jquery selectpicker default selected value from selectbox

My main problem was I was trying to get values from my form and selectboxes are using selectpicker jquery plugin, they look really cool now! But in other I found a bug, when I put default selected by html tag "selected" it always gives selected…
Mehmet Uyarovic
  • 304
  • 2
  • 9
0
votes
2 answers

Bootstrap Selectpicker Not Working

I am using bootstrap-select from http://silviomoreto.github.io/bootstrap-select/. I am using the code in Prestashop as country selector as follows; {elseif $field_name eq "country" || $field_name eq "Country:name"}

user2115738
-1
votes
1 answer

Flickering in bootstrap when run in firefox

option when I click the select box the dropdown is flickering in firefox.
Nithin P
  • 1
  • 2
-1
votes
1 answer

Bootstrap Select Dropdown on change open another Bootstrap Select Dropdown

I have 2 bootstrap select picker. How i automatically open adjacent drop down when one drop down is selected.