bootstrap中下拉组件没反应

这是原本代码：一开始点击没反应

<div class="dropdown">

        <button class="btn btn-default" data-toggle="dropdown">
        下拉菜单
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="#">首页</a></li>
            <li><a href="#">资讯</a></li>
            <li><a href="#">产品</a></li>
            <li><a href="#">关于</a></li>
        </ul>

   </div>

后来发现这三个文件导入顺序要注意，需要按如下顺序：

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"></link>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js">

因为：这个<script type="text/javascript" src="js/bootstrap.min.js">依赖于<script type="text/javascript" src="js/jquery.min.js"></script>。

警戒：以后要是js没反应，要多考虑导入js文件顺序。加载先后会导致有些文件无法使用。