JSP新手求助：如何将bootstrap.min.css关联到Header.jsp页面？

嗨，作为JSP新手遇到路径问题太正常啦，我来帮你把bootstrap.min.css正确关联到Header.jsp里～

先理清楚你的文件结构，应该是这样的：

项目根目录
├─ bootstrap
│  └─ css
│     └─ bootstrap.min.css
└─ Parts
   └─ Header.jsp

下面给你两种靠谱的写法，选一种适合你的就行：

1. 相对路径写法（适合目录结构固定的情况） #

因为Header.jsp在Parts文件夹里，要找到上一级目录里的bootstrap文件夹，得用../回到项目根目录，完整的link标签应该是这样：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">

这里的../就是告诉浏览器“先回到上一级目录”，这样就能精准找到bootstrap的CSS文件了。

2. 项目根路径写法（更推荐，避免嵌套引用出错） #

如果以后有不同层级的页面要引用这个Header.jsp，相对路径可能会“迷路”。这时候用JSP的内置对象获取项目根路径就稳了，写法如下：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">

${pageContext.request.contextPath}会自动识别你的项目在服务器上的根路径（比如项目部署在http://localhost:8080/MyJSPProject，这个表达式就会返回/MyJSPProject），不管哪个页面引用Header.jsp，路径都不会错。

对了，额外提一句：你的页面编码用的是ISO-8859-1，如果项目里有中文内容，大概率会乱码，建议改成UTF-8，把page指令改成这样就行：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

内容的提问来源于stack exchange，提问作者Adam Ch.