引导程序不适用于 jsp答案

【问题标题】：bootstrap doesn't work with jsp引导程序不适用于 jsp
【发布时间】：2017-06-20 19:27:03
【问题描述】：

我正在尝试为我的 jsp 页面连接 min lib css bootstrap。但是什么也没发生！我的proposal.jsp页面：

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ page session="false"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../css/bootstrap.min.css">
<script src="../../js/bootstrap.min.js"></script>
</head>
<body>

<h3>Tests List</h3>
<button type="submit" class="btn btn-info">
    <span class="glyphicon glyphicon-search"></span> Search
</button>
<c:if test="${!empty listTests}">
    <table class="table table-striped">
        <thead>
            <tr>
                <th width="25">Test ID</th>
                <th width="80">Test Name</th>
                <th width="80">Test Author</th>
                <th width="120">Test Description</th>
                <th width="60">Test IsFree</th>
                <th width="120">Test Comment to Admin</th>
                <th width="120">Test Section</th>
                <th width="120">Test Status</th>
                <th width="60">Review</th>
                <th width="60">Delete</th>
            </tr>
        </thead>
        <c:forEach items="${listTests}" var="test">
            <tr>
                <td>${test.id}</td>
                <td>${test.name}</td>
                <td>${test.author}</td>
                <td>${test.description}</td>
                <td>${test.isFree}</td>
                <td>${test.commentToAdmin}</td>
                <td>${test.section}</td>
                <td>${test.status}</td>
                <td><a href="<c:url value='/tests/review/${test.id}' />">Review</a></td>
                <td><a href="<c:url value='/tests/remove/${test.id}' />">Delete</a></td>
            </tr>
        </c:forEach>
    </table>
</c:if>
</body>
</html>

我的文件夹层次结构：

folders

你怎么看 - 在代码中我连接了 css 和 js 文件。但是我有结果（是的，我用数据库加载的信息）： result

【问题讨论】：

标签： java css jsp

【解决方案1】：

尝试使用对文件的绝对引用。

<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/bootstrap.min.js"></script>

【讨论】：

是的，无论这些人坐在哪里。绝对是要走的路。
不。这没有帮助
在浏览器中，尝试访问 /css/bootstrap.min.css。你看到那个文件了吗？
localhost:8085/css/bootstrap.min.css - 没有 localhost:8085/Diplom/css/bootstrap.min.css - 没有 =(

【解决方案2】：

不要从 JSP 的相对路径指向，请使用项目根目录的绝对路径，即来自 webapp。

<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/bootstrap.min.js"></script>

【讨论】：

【解决方案3】：

在 JSP 中，您应该添加上下文路径以使其工作：

<link rel="stylesheet" href="<%=request.getContextPath()%>/css/bootstrap.min.css">

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

【讨论】：