bootstrap-select data-style does not work
html, twitter-bootstrap
Solution
The 'http://testshop.mein-sporttagebuch.de/application/javascript/main.js' is setting options when the select is instantiated which will override any data attributes set on the elements..
/* Select Box */
$('.selectpicker').selectpicker({
style: 'btn-primary'
,size: "auto"
,width: "150px"
});
change to..
/* Select Box */
$('.selectpicker').selectpicker({
});
Problem
I am trying to style my selectbox (http://silviomoreto.github.io/bootstrap-select/) with ``` data-style="btn-info" ``` but it has no effect. This is the whole code: ``` <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> ``` The data-width also dows not work. Has anyone an idea? Here is my testsite: http://testshop.mein-sporttagebuch.de/produkte/details/0001. You will find the relevant selectbox on the right side. Thanks in advance!