bootstrap不生效

来源:2-2 项目界面开发准备工作

慕盖茨80918386

2019-05-11 14:08:30

按照老师的操作,server启动后效果如下

http://img.mukewang.com/climg/5cd6660a0001d65f08430225.jpg

没有bootstrap效果。index.jsp配置如下

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>慕课网用户管理中心</title>
    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="lib/2.2.4/jquery-1.12.4.min.js"></script>
    <script src="lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="page-header">
                <h1>慕课网后台管理系统<small>用户数据管理中心</small></h1>
            </div>
        </div>
    </div>
</body>
</html>

后来我把引入的包配置成如下方式还是不行

<link rel="stylesheet" href="${pageContext.request.contextPath}/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/lib/2.2.4/jquery-1.12.4.min.js"></script>
    <script src="${pageContext.request.contextPath}/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

浏览器使用F12能看到如下错误

http://img.mukewang.com/climg/5cd6669b0001afd719030247.jpg

工程目录结构如下

http://img.mukewang.com/climg/5cd666d00001f9d104990539.jpg

写回答

1回答

好帮手慕阿满

2019-05-11

同学你好,建议写一下basePath相关代码

<%
    String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/";
%>

然后在lib/bootstrap-3.3.7-dist/js/bootstrap.min.js 等以及css等文件前加上<%=basePath%>再试试。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~


0

0 学习 · 8016 问题

查看课程