关于bootstrap+selectpicker的坑

bootstrap-select中有一个控件叫selectpicker，提供原生select下拉框的一些额外功能，如果导入的时候不注意，就会出现下拉框不显示，显示了无法下拉等情况。在此记录一下解决办法。

selectpicker的使用需要有：jquery、bootstrap、bootstrap-select三个文件的支持。

1. 引入jquery，这个是js文件
2. 引入bootstrap的js和css文件

这里注意！！！1和2的顺序不能换！！！也就是说要先引入jquery再引入bootstrap！！！否则会出现下拉框无法下拉的问题！

bootstrap.js插件是基于jquery.js实现的，而我们的head之间的代码是从上往下解析执行加载的，所以要先引入jquery.js文件，方可使用bootrap.js。

最后引入bootstrap-select的js和css文件。

这里再注意！！！加入如下代码

<script type="text/javascript">
        $(window).on('load', function () {

            $('.selectpicker').selectpicker({
               
            });
        }); 
    </script>

这是将select初始化，如果不加的话会出现下拉框显示不出来的问题。

这个坑花了将近一个小时去找解决方法.......