bootstrap 3 selectpicker input-lg is overridden

Question

I use bootstrap selectpicker (http://silviomoreto.github.io/bootstrap-select/)

I am trying to enlarge the select box size by doing:

<select class="selectpicker input-lg">...</select>

If I add "input-lg" to the select input, selectpicker overrides it and the select box isn't resized.

How to overcome this problem?

See http://www.bootply.com/107358# for example.

Answer 1

You can use the style option on the selectpicker..

style:'btn-lg'

http://www.bootply.com/127059

Answer 2

If you like to add it inline then use data-style="input-lg btn-default" or data-style="btn-lg btn-default"

<select name="" class="form-control input-lg selectpicker" data-title="Select Time" data-style="input-lg btn-default">...</select>