解决JSP页面加载Bootstrap失效的方案

最新推荐文章于 2021-11-04 09:52:46 发布

谷哥的小弟

最新推荐文章于 2021-11-04 09:52:46 发布

阅读量2.9k

点赞数 6

分类专栏：开发环境与配置文章标签： javascript 数组函数对象 CSS

本文链接：https://blog.csdn.net/lfdfhl/article/details/54755772

版权

开发环境与配置专栏收录该内容

157 篇文章 12 订阅

订阅专栏

推翻自己和过往——自定义View系列教程(10篇)

走出思维困境，踏上精进之路——Android开发进阶精华录

讲给Android程序员看的前端系列教程(40集免费视频教程+源码)

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl

问题描述

1、开发工具Eclipse
2、JavaWeb项目
3、JSP页面引入Bootstrap无效

解决方案

请删除JSP文件默认生成的DOCTYPE

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

图示如下：
在这里插入图片描述
修改后的页面：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Index</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css">
	</head>
	<body>
		<p>Hello World</p>
	</body>
</html>