<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
上面這句是使用在線方式加載css框架,一切正常。
然後被告知不能用這種方式,要使用本地資源
於是我把bootstrap.min.css文件放到項目根目錄下後,嘗試了以下N種方法,結果都不能正確加載css文件導致顯示出的網頁不正常(沒有樣式):
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="./bootstrap.min.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap.min.css">
甚至當我使用絕對路徑時,也不能加載本地的css文件!:
<link rel="stylesheet" href="D:/bootstrap-3.3.5-dist/css/bootstrap.min.css">
崩潰了!這個問題到底出在哪裡?為什麼只有用在線加載方式時可以正常顯示網頁,而使用其他各種辦法,甚至是指定絕對路徑時,也無法正常加載?
求大神指點一下菜鳥
通常你如果目錄結構為:
webapp
>static
bootstrap.css
>WEB-INF
index.jsp
css文件路徑:webapp/static/bootstrap.css
JSP頁面路徑:webapp/WEB-INF/index.jsp
那麼你在頁面導樣式應為:
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/bootstrap.min.css">