HTML头部分包含的库序列是否重要？

我新的网页设计，我试图创建一个提示，但我的代码不能正常工作，这是我的代码HTML头部分包含的库序列是否重要？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"/> 

<!-- bootstrap css files --> 
<link rel="stylesheet" href="../bootstrap-3.3.4-dist/css/bootstrap.css" /> 
<script src="../bootstrap-3.3.4-dist/js/bootstrap.js"></script> 
<script src="../bootstrap-3.3.4-dist/jquery/1.11.1/jquery.min.js"></script> 
    <!--Script for toolttip--> 
     <script type="text/javascript"> 
     $(document).ready(function() 
      { 
      $('[data-toggle="tooltip"]').tooltip(); 
      }); 
</script> 
<!--Script for toolttip Ends--> 
</head> 

<body> 
<div class="container"> 
<a href="#" data-toggle="tooltip" data-placement="right" data-original-title="Edit"><span class='glyphicon glyphicon-pencil'></span></a> 
</div> 
</body> 
</html>

但后来我做了这个变化和它的工作，

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"/> 

<!-- bootstrap css files --> 
<link rel="stylesheet" href="../bootstrap-3.3.4-dist/css/bootstrap.css" /> 
<script src="../bootstrap-3.3.4-dist/jquery/1.11.1/jquery.min.js"></script> 
<script src="../bootstrap-3.3.4-dist/js/bootstrap.js"></script> 
<!--Script for toolttip--> 
    <script type="text/javascript"> 
    $(document).ready(function() 
      { 
      $('[data-toggle="tooltip"]').tooltip(); 
      }); 
</script> 
<!--Script for toolttip Ends--> 
</head> 

<body> 
<div class="container"> 
<a href="#" data-toggle="tooltip" data-placement="right" data-original-title="Edit"><span class='glyphicon glyphicon-pencil'></span></a> 
</div> 
</body> 
</html>

我所做的只是交换第8行和第9行，所以我的问题是，我包含bootstrap JS库和JQ库的顺序是否重要？如果是的话，为什么？

在此先感谢。

来源

2015-05-05 Dhananjay Bharti

是......总是需要添加第一jQuery库.. – sheshadri