Bootstrap在jsp及html中的使用

做了一个小项目，引用了bootstrap，但jsp页面始终不显示其样式，但是在html中可以显示样式，且在jsp中按住Ctrl也可以跳过去，在网上找了很多资源，但始终无法解决我遇到的问题。百思不得其解之时，大神帮我解决了这个问题。给大家分享一下。

我的项目

itmesList.jsp的引入js代码

<!-- 引入BootStrap的CSS --><link rel="stylesheet" type="text/css" href="/Springmvc002/bootstrap/css/bootstrap.min.css" /><link rel="stylesheet" type="text/css" href="/Springmvc002/bootstrap/css/bootstrap-theme.min.css" /><!-- 引入JS--><script type="text/javascript" src="/bootstrap/js/jquery-1.4.2.min.js" ></script><script type="text/javascript" src="/bootstrap/js/bootstrap.min.js" ></script>

访问结果：没有任何样式

同一工程下11.html

<!-- 新Bootstrap核心css文件 --><link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"><!--可选的Bootstrap主题文件(一般不引入)  --><link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css"><!--jsquery文件。务必在bootstrap.min.js之前引入  --><script src="bootstrap/js/jquery-1.4.2.min.js" type="text/javascript"></script><!-- 最新的Bootstrap核心JavaScript文件 --><script src="/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

页面效果：有样式

同样的js，css，html可以加载，jsp不可，虽然按住Ctrl可以访问到，后经过在浏览器上查看页面源代码发现

jsp中：css引入的路径为

http://127.0.0.1:8080/bootstrap/css/bootstrap-theme.min.css

而html中：css引入的路径为

//127.0.0.1:8080/Springmvc002/bootstrap/css/bootstrap.min.css

相比之后，发现少了项目名称，在jsp路径中添加项目名称，如下：

而访问页面



当我们的项目无法引用js或css时，查看页面源代码，看看是否加载到js文件