bootstrap-select数据样式不起作用

时间:2013-07-19 15:58:16

标签: html twitter-bootstrap

我正在尝试使用

设置我的选择框(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。您将在右侧找到相关的选择框。 提前谢谢!

1 个答案:

答案 0 :(得分:5)

http://testshop.mein-sporttagebuch.de/application/javascript/main.js”是在实例化select时设置选项,它将覆盖元素上设置的任何数据属性..

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

更改为..

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

});