引入bootstrap导致布局混乱

项目网页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>