專案網頁copy模板，使用後發現引入bootstrap導致頁面佈局變小了等問題，查詢後發現，引入樣式的順序應該是：

應該將bootstrap首先引入，然後再在下面編寫css或者是引入其他css檔案。

<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script>

一定要將jquery.js檔案放在bootstrap.js之前才行，

將重複的js檔案刪除即可

<link rel="stylesheet" type="text/css"
    href="<%=request.getContextPath()%>/style/bootstrap-3.3.7-dist/css/bootstrap.css" />
<link type="text/css" rel="stylesheet"
    href="<%=request.getContextPath()%>/style/css/index.css" />
<link rel="stylesheet" type="text/css"
    href="<%=request.getContextPath()%>/style/css/style2.css" />
<script src="<%=request.getContextPath()%>/style/js/jquery.js"></script>

<script src="<%=request.getContextPath()%>/style/js/bootstrap.min.js"></script>