Twitter bootstrap 引导选择Razor/.Net Core中的属性

Twitter bootstrap 引导选择Razor/.Net Core中的属性,twitter-bootstrap,razor,bootstrap-select,Twitter Bootstrap,Razor,Bootstrap Select,我在应用.NET核心项目中下拉列表表单输入的属性时遇到问题。我特别想应用这个属性 1-我尝试了以下代码。它位于Razor页面中,建议使用“\ux”语法。这将成功应用引导样式(请参见屏幕截图),但不会应用其他属性: @Html.DropDownListFor(m => m.Observation.BirdId, new SelectList(Model.Birds, "BirdId", "EnglishName"), n

我在应用.NET核心项目中下拉列表表单输入的属性时遇到问题。我特别想应用这个属性

1-我尝试了以下代码。它位于Razor页面中,建议使用“\ux”语法。这将成功应用引导样式(请参见屏幕截图),但不会应用其他属性:

                @Html.DropDownListFor(m => m.Observation.BirdId, new SelectList(Model.Birds, "BirdId", "EnglishName"),
                    new {
                      @class = "form-control selectpicker",
                      data_width = "auto",
                      data_live_search = "true",
                    //data_show_subtext = "true",
           })
这是截图。它显示引导样式已成功应用,但未显示实时搜索功能。此列表最终将包含约600个选项,因此需要搜索功能

2-我还尝试应用以下代码-在一个空白的剃须刀页面中-直接从。结果是一样的:它应用引导样式,但不应用实时搜索功能。或者我尝试过的任何其他属性:

  <select class="selectpicker" data-live-search="true">
        <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
        <option data-tokens="mustard">Burger, Shake and a Smile</option>
        <option data-tokens="frosting">Sugar, Spice and all things nice</option>
 </select>

热狗、薯条和苏打水
汉堡,奶昔和微笑
糖、香料和所有好吃的东西

在过去的几天里,我尝试了各种各样的方法。有人有什么建议吗?谢谢。

我找到了问题的根源。我安装了NuGet软件包。我卸载了NuGet软件包。然后我通过链接添加了依赖项:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/i18n/defaults-*.min.js"></script>

中介绍了安装所需依赖项的各种方法

我以前曾尝试通过链接添加依赖项。然而,我认为它与已经安装的NuGet依赖项相冲突