引导选择未显示答案

【问题标题】：Bootstrap select is not showing引导选择未显示
【发布时间】：2017-11-01 08:58:30
【问题描述】：

我正在尝试将 bootstrap-select 与我的 Angular 项目一起使用，但它根本没有出现。

使用 bower 安装 bootstrap-select 包后的依赖项：

<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-select/dist/css/bootstrap-select.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/angular-material/angular-material.min.css">

对于 js 文件：

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script>
<script type="text/javascript" src="bower_components/angular-animate/angular-animate.min.js"></script>
<script type="text/javascript" src="bower_components/angular-aria/angular-aria.min.js"></script>
<script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script>
<script type="text/javascript" src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script type="text/javascript" src="bower_components/ng-file-upload/ng-file-upload.min.js"></script>
<script type="text/javascript" src="bower_components/angular-material/angular-material.min.js"></script>

这是唯一适用于 bootstrap-select css 样式表中的选择项的规则。

select.bs-select-hidden, select.selectpicker { 显示：无！重要； }

其他一些包会破坏它吗？

谢谢

我的版本 angular:1.6.2, bootstrap:3.3.7, bootstrap-select:1.12.2

【问题讨论】：

html 是什么样的？您的 css 将显示设置为无。我希望它不会显示....
html 是 bootstrap-select <select class="selectpicker"> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> 的默认示例 css 不是我的，它是 select-bootstrap css，唯一适用于 html 的规则是不显示的规则. bootstrap-select的链接

标签： css angularjs bootstrap-select bootstrap-selectpicker

【解决方案1】：

我最近也遇到了同样的问题，我的做法是：

1) 从SilvioMoreto Git下载Bootstrap-select；
2) 从 bootstrap-select/js 复制 bootstrap-select.js；
3) 将文件粘贴到您的项目 javascripts 目录中；
4) 链接到项目头文件的路径；

它对我有用，希望对你有帮助！

【讨论】：