Jsp引入bootstrap无法显示

我就是我 2022-01-22 02:19 421阅读 0赞

bootstrap 下载地址 [https://v3.bootcss.com/getting-started/\#download][https_v3.bootcss.com_getting-started_download]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dvb19ob21l_size_16_color_FFFFFF_t_70]  
在配置 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目录下）  
![在这里插入图片描述][20190604200943695.png]  
2、没有在 springmvc.xml 配置文件中配置默认的Servlet来响应静态文件，加入下面的代码就可以了

<mvc:default-servlet-handler/>

[https_v3.bootcss.com_getting-started_download]: https://v3.bootcss.com/getting-started/#download
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dvb19ob21l_size_16_color_FFFFFF_t_70]: /images/20220122/55cffaa0c1d042cc975c0a0c545b2de2.png
[20190604200943695.png]: /images/20220122/3f6a37cc575b479b8b026b6b8c733144.png

发表评论取消回复

表情：

评论列表（有 0 条评论，421人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap引入

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> <script ...

野性酷女/ 2024年04月18日 13:59/ 0 赞/ 73 阅读

相关 bootstrap引用glyphicon图标无法显示

一开始直接引用的时候总是不显示，但是可以直接引入icon图标，查阅了一下相关文档，原来是glyphicon图标无法被跨域显示。如果直接用网页链接就可以显示，所以，若想在本地文件

àì夳堔傛蜴生んèń/ 2022年08月19日 11:12/ 0 赞/ 320 阅读

相关 bootstrap glyphicon无法显示问题

![Center][] [Center]: /images/20220609/86f665b815ed4b278fb49119dbeacc47.png

今天药忘吃喽~/ 2022年06月09日 10:47/ 0 赞/ 253 阅读

相关在jsp引入bootstrap

第一步：在https://v3.bootcss.com/getting-started/\top该网站下载Bootstrap，有可以看到有三种,如下图所示（本人下载的是源码）

布满荆棘的人生/ 2022年04月10日 01:42/ 0 赞/ 309 阅读

相关怎样在jsp中引入bootstrap样式

1、先在WEB-INF中新建一个文件夹，然后在添加css,fonts,js三个文件，如下图：![在这里插入图片描述][20181221185305716.png] 2、引入

超、凢脫俗/ 2022年04月03日 10:18/ 0 赞/ 482 阅读

相关 vue-cli引入bootstrap时候图标不显示

问题描述： vue-cli项目引入bootstrap的css的时候，样式都正常，但是发现图标无法正常显示，有些特殊字体也无法正常显示，F12查看提示找不到对应的字体文件，

分手后的思念是犯贱/ 2022年03月21日 04:44/ 0 赞/ 368 阅读

相关 jsp引入 css js (以bootstrap 为例子)

一首先引入 css js ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

野性酷女/ 2022年03月19日 07:18/ 0 赞/ 240 阅读

相关 jsp页面引入bootstrap时出现异常

异常: util.js:56 Uncaught TypeError: Cannot read property ‘fn’ of undefined at setTran

阳光穿透心脏的1/2处/ 2022年03月12日 02:45/ 0 赞/ 481 阅读

相关 bootstrap fileinput 无法显示中文bug

压缩包（以默认中文）链接：https://pan.baidu.com/s/1bTrQUSVt98mu4ltUCM6qkQ 提取码：wqb1 github ：官方 h

分手后的思念是犯贱/ 2022年02月18日 08:55/ 0 赞/ 244 阅读

相关 Jsp引入bootstrap无法显示

bootstrap 下载地址 [https://v3.bootcss.com/getting-started/\download][https_v3.bootcss.com_g

我就是我/ 2022年01月22日 02:19/ 0 赞/ 422 阅读