我尝试从此处使用Bootstrap Dual Listbox：http://www.virtuosoft.eu/code/bootstrap-duallistbox/）
我的问题是，双列表框始终向左对齐，我无法更改它，
我尝试将style属性写入'select'元素，并尝试链接到CSS文件，但是没有任何效果。
这是代码：
<body>
<select id="sele" multiple="multiple" size="5" name="listbox" class='demo2 col-md-3' style="text-align:center">
<% for(int i = 0 ; i <50; i++){ %>
<option value="<%=i %>" ><%=i %></option>
<% } %>
</select>
<script>
var demo2 = $('.demo2').bootstrapDualListbox({
nonselectedlistlabel: 'Select',
selectedlistlabel: 'Selected',
preserveselectiononmove: 'moved',
moveonselect: false,
initialfilterfrom: ''
});
</script>
<script src="libraries/jquery-placeholder/jquery.placeholder.js"></script>
<script>
$('input').placeholder();
prettyPrint();
</script>
</body>
这是它的样子：
http://oi57.tinypic.com/262up7r.jpg
（而不是在中心）
我该如何解决？
谢谢！！
最佳答案
尝试将其包装在容器中，然后将其设置为居中对齐，如下所示：
<div style="width:100%; text-align:center;">
<select id="sele" multiple="multiple" size="5" name="listbox" class='demo2 col-md-3'>
...
</select>
</div>