html - bootstrap-select 数据样式不起作用

Question

我正在尝试使用以下方式设置我的选择框 ( http://silviomoreto.github.io/bootstrap-select/ ) 的样式

data-style="btn-info"

但是没有效果。这是整个代码:

<select class="selectpicker" data-width="25%" data-style="btn-info">
   <option>1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
   <option>5</option>
   <option>6</option>
   <option>7</option>
   <option>8</option>
   <option>9</option>
   <option>10</option>
</select>

数据宽度也不起作用。有人有想法吗？这是我的测试站点:http://testshop.mein-sporttagebuch.de/produkte/details/0001 。您将在右侧找到相关的选择框。 提前致谢!

Answer 1

'http://testshop.mein-sporttagebuch.de/application/javascript/main.js '正在实例化选择时设置选项，这将覆盖元素上设置的任何数据属性。

/* Select Box */
$('.selectpicker').selectpicker({
    style: 'btn-primary'
    ,size: "auto"
    ,width: "150px"
});

更改为..

/* Select Box */
$('.selectpicker').selectpicker({

});