2017-06-20 44 views
0

我嘗試連接我的jsp頁面的min lib css bootstrap。 但什麼都沒發生! 我proposal.jsp頁:bootstrap不能用於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文件。但有結果我有(是的,我用DB加載的信息): result

回答

1

嘗試使用對文件的絕對引用。

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

是的,無論那些傢伙坐着。絕對是要走的路。 – Adrianopolis

+0

沒有。這沒有幫助 – BruceVVayne

+0

在您的瀏覽器中,嘗試訪問/css/bootstrap.min.css。你看到那個文件嗎? –

0

而不是從你的JSP的相對路徑指向的,請使用您的項目即從webapp根絕對路徑。

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