Bootstrap Multiselect CSS отображается некорректно - PullRequest
Новая
       15

Bootstrap Multiselect CSS отображается некорректно

0 голосов
/ 17 апреля 2019

У меня есть приложение 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:

enter image description here

И доказательство того, что все это загружается: enter image description here

Кто-нибудь знает, что происходит? Спасибо!

...