我无法让 bootstrap-select 的 .selectpicker 类工作，知道为什么吗？答案

【问题标题】：I am unable to get bootstrap-select's .selectpicker class to work, any idea why?我无法让 bootstrap-select 的 .selectpicker 类工作，知道为什么吗？
【发布时间】：2017-07-10 20:34:48
【问题描述】：

这是我标记的 HTML 代码，但是每当我加载页面时，选择标记都不会出现。我相信我已经包含了所有必要的链接，当我从 select 标记中删除 .selectpicker 类时，它会正常显示，所以我一定错过了为什么它没有出现。谢谢！

<!doctype html>

<html lang="en">

<head>


    <meta charset="utf-8">

    <title>Test</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">

    <link rel="stylesheet" href="css/styles.css?v=1.0">
    <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>



    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

<body>
    <select class="selectpicker" style="btn-info">
        <option>Mustard</option>
        <option>Ketchup</option>
        <option>Relish</option>
    </select>

    <script>
        $('.selectpicker').selectpicker({
            style: 'btn-info',
            size: 4
        });

    </script>
</body>

</html>

【问题讨论】：

我把select标签的“style”属性改成了“data-style”，还是没变。
我面临着类似的问题。你能解决这个问题吗？

标签： bootstrap-select bootstrap-selectpicker

【解决方案1】：

您没有包含正确的 CSS 和 java 脚本库-

请检查下面的代码 - 它工作正常，您可以添加多个，让用户选择多个值，您还可以包括一个搜索选项，如果选项列表很长，请尝试 data-live-search-style= “开始于”。

请检查下面的代码-

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.js"></script>

</head>

<body>

<select class="selectpicker" multiple style="btn-info">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

【讨论】：