CODEWITHSUNDEEP
javascriptjquerycsstwitter-bootstrap
JGallardo
JGallardo

Reputation: 11373

Bootstrap-select displays two selects menus

Objective

To implement styling on the select tag using the Bootstrap-select library.

Problem

I am getting two selects rather than just one dropdown menu.

enter image description here

Question

What do i need to change in my javascript or elsewhere to get it to display correctly

Code

Demo on CodePen

HTML

<select class="selectpicker">
    <option data-hidden="true">Choose one...</option>
    <option>BBQ Pork</option>
    <option>Bacon</option>
    <option>Sausage</option>
</select>

Script library order

Javascript (I placed it in a script tag after the libraries)

$(document).ready(function(){
    $('.selectpicker').selectpicker(); 
});

Upvotes: 4

Views: 3860

Answers (1)

vanburen
vanburen

Reputation: 21663

You just need to add the Bootstrap-select CSS file.

Upvotes: 6

Related Questions