Bootstrap选择未显示

时间:2017-05-31 13:54:46

标签: css angularjs bootstrap-select bootstrap-selectpicker

我正在尝试使用bootstrap-select和我的角项目,但它根本没有出现。

使用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项的唯一规则。

  

select.bs-select-hidden,select.selectpicker {       显示:无!重要;   }

其他一些软件包是否破坏了它?

谢谢

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

1 个答案:

答案 0 :(得分:0)

我最近遇到了同样的问题,我做的是:

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

它对我有用,希望它有所帮助!