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