bootstrap 3 selectpicker input-lg被覆盖

时间:2014-04-03 12:35:19

标签: jquery-selectors twitter-bootstrap-3 bootstrap-select

我使用bootstrap selectpicker(http://silviomoreto.github.io/bootstrap-select/

我试图通过以下方式扩大选择框大小:

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

如果我在选择输入中添加“input-lg”,selectpicker会覆盖它,并且不会调整选择框的大小。

如何克服这个问题?

例如,请参阅http://www.bootply.com/107358#

2 个答案:

答案 0 :(得分:10)

您可以使用selectpicker上的style选项..

style:'btn-lg'

http://www.bootply.com/127059

答案 1 :(得分:4)

如果您想将其内联添加,请使用data-style="input-lg btn-default"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>