jquery - Bootstrap 多选 CSS 显示不正确

问题描述

我有一个使用引导多选脚本的 ASP.net 应用程序。不幸的是，当我尝试在 HTML 中显示它时，发生了一些奇怪的事情。

这是我的 HTML：

<head>
    <link href="~/Content/Style.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/Scripts/umd/popper.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap-multiselect.js"></script>
    <link href="~/Content/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
</head>

<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<script type="text/javascript">
    $(document).ready(function () {
        $('#example-getting-started').multiselect();
    });
</script>

它在 HTML 中的样子：

并证明它正在加载：

有谁知道发生了什么？谢谢！

标签： jqueryasp.net-mvctwitter-bootstrapmulti-select

jquery - Bootstrap 多选 CSS 显示不正确

问题描述

解决方案

推荐阅读