<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">
有可能:
1、你的样式路径不对
2、你页面代码有错
建议楼主贴下代码
好奇怪代码都去哪儿了
你可以贴下关键代码,另外你要看下,你的web项目是不是有过滤器,然后,把静态资源也给过滤了!
伪代码,你参考一下
default
.js
.css
测试下代码能不能出来 ... ..
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
在web工程下的webroot下建一个文件css,把你下载的bootstrap的css文档放进去,然后在你要用到的js页面引用即可。