使用AspnetBoilerplate BSB主题选择表单

Question

无法获取带样式的选择表单元素以使其与AspnetBoilerplate BSB主题一起正确显示，并且代码中没有正在使用的示例。

我确实在样式表中看到了.bootstrap-select样式。有没有人有一个如何使用它的例子？

Answer 1

使用.selectpicker类创建html。

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

选项可以通过数据属性或JavaScript传递。

$('.selectpicker').selectpicker({
  style: 'btn-info',
  size: 4
});

如果你还没有包含库，那么就把它们都包进去。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/i18n/defaults-*.min.js"></script>