Jsp引入bootstrap无法显示

最新推荐文章于 2024-06-26 19:04:20 发布

Woo_home

最新推荐文章于 2024-06-26 19:04:20 发布

阅读量2.6k

点赞数 4

分类专栏： # SpringMVC 文章标签： bootstrap jsp

本文链接：https://blog.csdn.net/Woo_home/article/details/90812501

版权

SpringMVC 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

bootstrap 下载地址 https://v3.bootcss.com/getting-started/#download
在这里插入图片描述
在配置 SpringMVC 的时候返回的 jsp 页面无法显示bootstrap样式

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<title>登录界面</title>
	<link href="static/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<button class="btn btn-primary">登录</button>
</body>
</html>

1、路径问题
如果你的静态资源是在WEB-INF下的话是无法直接访问的，必须放在 WebContent 下才可以访问，jsp页面也是一样，但如果是返回的页面可以放在WEB-INF下（如果是maven环境下应该放在webapp目录下）
在这里插入图片描述
2、没有在 springmvc.xml 配置文件中配置默认的Servlet来响应静态文件，加入下面的代码就可以了

<!--响应静态文件-->
<mvc:default-servlet-handler/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Woo_home

关注关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JSP和bootstrap

m0_58723498的博客

03-15

2553

1.JSP 1.Java Server Page:java服务页面,能够书写java代码的html 2.通过idea部署的web文件--->默认jsp文件存储路径:C:\Users\Administrator\.IntelliJIdea2019.1\system\tomcat\Tomcat_8_5_66_Web1\work\Catalina\localhost\Web1_war_exploded\org\apache\jsp 3.经历两个阶段: 翻译阶段:需要被web容器解析将当

使用Eclipse创建的web工程引入bootstrap

u012947276的博客

01-18

1万+

刚开始通过绝对路径尝试了好多次都看不到bootstrap在这里需要说一下，bootstrap的js是依赖于jquery的，所以在引入bootstrap的js文件前需要先引入jquery我这里是通过引入在线文件来实现的。首先创建了一个html文件：代码如下： Bootstrap 实例 - 响应式的列重置 style="backgr

3 条评论您还未登录，请先登录后发表或查看评论

jsp引入bootstrap问题

weixin_47277897的博客

09-03

347

遇见一个bug，已经遇见很多次了，在jsp引入bootstrap的时候没有任何效果，或者是页面直接就不显示了页面不显示经过排查，是因为js文件加载的问题，加上 <script> $(function () { }) </script> 就可以正常显示了 bootstrap显示不正常这种情况大概率为路径问题，排查路径即可 ...

在JavaWeb项目下的webapp中复制jsp文件找不到文件或引用不了BootStrap样式

Lawlieti的博客

07-14

884

项目场景：在开发web项目时，需要将部分jsp/html文件复制进webapp文件下进行使用问题描述：当复制进webapp后，在开启Tomcat后，访问对应的文件会出现404或者使用的BootStrap样式未能应用。 404： BootStrap样式未能应用：解决方案：新建一个jsp文件，比如要使用add.jsp，就先新建一个add.jsp然后把代码复制进去。 BootStrap模板 <%@ page contentType="text/html;charset=UTF-8" l

jsp中引入的bootstrap无效

最新发布

2305_76609659的博客

06-26

145

SSM框架中jsp引入bootstrap路径使用${pageContext.request.contextPath}或者<%=request.getContextPath()%>无效，浏览器控制台报错bootstrap404。搜索到在springmvc.xml中添加<mvc:default-servlet-handler/>，添加后仍不起作用。最后在web.xml中添加url-pattern解决。

JSP页面无法加载bootstrap，同样的代码可以在静态html中加载

qq_45408824的博客

10-21

536

用IDEA开发javaweb项目时，JSP页面无法加载bootstrap，同样的代码可以在静态html中加载我遇到的问题原因是自己的javaweb项目中未能将/webapp目录下的lib资源目录设置为资源文件! 导致IDEA无法识别此目录为资源文件，从而无法加载里面的资源静态文件。解决方法：打开项目管理然后点击/lib目录再点击上面的resources，点击OK 可以看到此时的/lib目录上面有个资源文件的标识：然后就解决了! ...

SpringMVC JSP文件加载bootstrap 路径失效问题解决

upupdate_的专栏

12-23

1955

jsp文件在在webapp/WEB_INF文件夹下， bootstrap 在webapp文件夹下，如果web.xml 配置如下： <servlet-mapping> <servlet-name>dispatch</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>继续配置如下代码，即可： <

jsp引入bootstrap失效的原因

huangruixin520的博客

05-30

7964

在html中使用bootstrap时引入bootstrap文件均可以在网页中正常显示，但是在jsp中使用bootstrap的时候，F12控制台总是报错net::ERR_ABORTED。最后通过百度发现，是因为在springmvc的xml文件中没有设置加载静态资源。解决方法：在springmvc-config.xml中加入“使用默认的Servlet来响应静态文件”code为：<mvc:defa...

BootStrap在jsp中的使用

01-08

新建一个index.jsp文件，引入所使用的css.js和bootstrap的：注意这里的要缓存<!DOCTYPE html> <html lang=zh-CN> 第三步：在body中载入需要的组件：运行在tomcat服务器上：效果如图：第四步：...

BootStrap glyphicon图标无法显示的解决方法

01-19

如果不注意bootstrap引入css和fonts的规范，则可能会导致bootstrap 在显示glyphicon图标时无法正常显示，显示为方框。此时可搜索bootstrap.css中的.glyphicon，可发现其大约上下10行左右有引入字体的URL，如下所示...

flex-bootstrap-jsp.zip_bootstrap_flex

09-19

标题中的"flex-bootstrap-jsp.zip_bootstrap_flex"表明这是一个与前端开发相关的压缩包，主要包含Flex和Bootstrap在JSP（JavaServer Pages）环境中的集成应用。这个压缩包可能是一个库或者一套工具，用于帮助开发者...

bootstrap在jsp中无法使用的大坑

Useless_code的博客

12-08

1152

最近写了一个会议系统，采用DW写前端页面+IDEA写后台服务的方式。但是发现原本正常显示样式的html文件修改为jsp后，css样式无法显示！一番百度毫无结果，chrome查看加载文件发现js文件正常加载，css无一载入，想到可能是css的放置顺序不对，于是将link从head放入body的末尾。问题解决 ...

jsp页面导入bootstrap文件导致路径不对？？？？

Try_harder_every_day的博客

12-14

1401

环境搭建好之后，编辑jsp页面，我们使用bootstrap插件来使我们的页面更加好看，但是在导入的时候却总是无法引进来查询过网上的解答后才明白过来：因为我们用的是 org.springframework.web.servlet.DispatcherServlet 它的拦截模式url-pattern 是 / 不是 /* 导致静态资源会被拦截。解决办法： 1、在w

在jsp中bootstrap样式无效的一种情况解决方法

新人缘缘的博客

07-11

2537

解决在jsp中bootstrap样式无效的问题第一次尝试在jsp中加入bootstrap样式，没有效果，查了很多的方法，都没有用，后来打开开发者工具，在Console里报的错是 CSS和JS链接出错：Failed to load resource: the server responded with a status of 404 (Not Found) 找不到css，js，路径出现了问题，借鉴...

【Java踩坑】Tomcat中JSP页面上的Boostrap不生效

Requests

04-25

647

错误情况使用IDEA开启使用Boostrap进行页面美化的项目出现样式内容丢失的情况，但是js文件都正常加载成功了，唯独页面上的内容没有展示相应的样式页面代码如下： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html> <!

chrome jsp 显示不正常_Bootstrap样式在JSP中显示不正常

weixin_36159662的博客

01-13

349

问题已经解决了。。重启了一下就没有问题了。。。应该是缓存的问题。谢谢~用的样式是bootstrap;html文件是从jsp编译出来的源码copy出来的;效果差异：a. 模态框位置b. input-group的效果，没有连接成一个整体的输入框c. 模态框在JSP中也不会动态响应页面的大小变化了，在html中则可以jsp的效果(chrome)：html的效果：而且jsp在IE 11中打开完全没有样式。...

Jsp中Bootstrap样式不起作用

Dgs的博客

06-25

925

背景：在html中写的样式可以完美展示，但是粘贴复制到jsp中，样式就不管用了解决方案：重启电脑

Eclipse中写jsp文件，引用bootstrap的CSS和js库，没有反应\作用\效果，解决办法