使用AspnetBoilerplate BSB主题选择表单

时间:2017-07-05 11:51:54

标签: aspnetboilerplate

无法使用AspnetBoilerplate BSB主题正确显示样式化的选择表单元素,并且代码中没有使用的示例。

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

1 个答案:

答案 0 :(得分: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>