使用 AspnetBoilerplate BSB 主题的表格 Select

Question

无法使用 AspnetBoilerplate BSB 主题使样式化的 select 表单元素正确显示，代码中没有使用该元素的示例。

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

Answer 1

使用 .selectpicker class 创建您的 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>

使用 AspnetBoilerplate BSB 主题的表格 Select

Form Select with AspnetBoilerplate BSB Theme

aspnetboilerplate