aspnetboilerplate - 使用 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>